出现这种情况,主要因为google浏览器会截取一定的宽度。
在这里我们需要对GridView中的getColumnStyle属性进行重写
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)) - 2 + '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;
}
});