EXT复合表头谷歌浏览器Chrome错位解决办法

烁灵

于 2013-12-12 14:52:20 发布

阅读量1.1k

点赞数

分类专栏： debug coding

coding 同时被 2 个专栏收录

21 篇文章

订阅专栏

debug

9 篇文章

订阅专栏

本文介绍了一个ExtJS GridView的定制方法，通过覆写getColumnStyle函数实现对表格列宽度及对齐方式的精确控制，并考虑了不同浏览器的兼容性问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载自： http://www.oschina.net/code/snippet_201314_15163

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;
	},
});