ExtJS GridPanel表头错位和自适应宽度的解决方法

1 、 ExtJS 2.2 中， Ext.grid.GridPanel 在 IE 中表头的图标会发生错位，如图所示：

但是在 Firefox 中显示是正常的。

解决方法为：在所用到的 css 文件中添加代码，

.ext-ie6 .x-menu-item-icon,.ext-ie7 .x-menu-item-icon,.ext-ie8 .x-menu-item-icon {

    left : -24px ;

}

 

2 、 Ext.grid.GridPanel 在 IE 中的宽度太大，而且不能自适应宽度，解决方法见如下的一段代码：

var grid = new Ext.grid.GridPanel({

    renderTo : "content" ,

    autoHeight : true ,

    frame : true ,

    bodyStyle : "width:100%",

    viewConfig : {

       forceFit : true

    }

});

关键是设置 bodyStyle 的值为 width:100%

ExtJS GridPanel表头错位和自适应宽度的解决方法