首页 > Web开发 > 详细

exjs3.2的gridPanel的表头总宽度与列的总宽度不一致的解决方案

时间:2014-02-07 14:29:29      阅读:395      评论:0      收藏:0      [点我收藏+]

修复之前的bug问题

bubuko.com,布布扣
bubuko.com,布布扣

修复办法,谷歌浏览器中,table的单元格实际宽度=指定宽度+padding,所以只要重写gridview里的一个方法:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
Ext.override(Ext.grid.GridView,{
getColumnStyle : function(colIndex, isHeader) {
var colModel = this.cm,
colConfig = colModel.config,
style = isHeader ? ‘‘ : colConfig[colIndex].css || ‘‘,
align = colConfig[colIndex].align;
if(Ext.isChrome){
style += String.format("width: {0};", parseInt(this.getColumnWidth(colIndex))-4+‘px‘);
}else{
style += String.format("width: {0};", this.getColumnWidth(colIndex));
}
if (colModel.isHidden(colIndex)) {
style += ‘display: none; ‘;
}
if (align) {
style += String.format("text-align: {0};", align);
}
return style;
}
});

看看修复过后的效果

bubuko.com,布布扣

exjs3.2的gridPanel的表头总宽度与列的总宽度不一致的解决方案

原文:http://www.cnblogs.com/wangqc/p/extjs_columnWidth.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!