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

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

    GridPanel表头错位

    但是在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%

    原文:http://wangju19870301.iteye.com/blog/556129



    本博客所有文章如无特别注明均为原创。
    复制或转载请以超链接形式注明转自枫芸志,原文地址《【ExtJs】GridPanel表头错位和自适应宽度的解决方法
    标签:
    分享:

还没有人抢沙发呢~

无觅相关文章插件,快速提升流量