ExtJS 2.2.1 实现双表头动态列

1. 默认所有列(假设列3最大3列，动态显示)，使用headerRowsEx中的rowspan实现双表头，第一层表头的width也必须要设置正确。
2. 使用"grid.getColumnModel().setHidden"即可实现列的隐藏，也不需要动态设置colspan。

{
	xtype : 'filtergrid',
	id : 'grid1',
	cm : new Ext.grid.ColumnModel({
		columns : [{
			header: '列1',
			id: 'col1',
			dataIndex: 'col1',
			width : 100
		}, {
			header: '列2',
			id: 'col2',
			dataIndex: 'col2',
			width : 100
		}, {
			header: '列3-1',
			id: 'col31',
			dataIndex: 'col31',
			width : 100
		}, {
			header: '列3-2',
			id: 'col32',
			dataIndex: 'col22',
			width : 100
		}, {
			header: '列3-3',
			id: 'col33',
			dataIndex: 'col33',
			width : 100
		}],
		headerRowsEx : [[{
			dataIndex : 'col1',
			rowspan : 2
		}, {
			dataIndex : 'col2',
			rowspan : 2	
		}, {
			id : 'col3Header',
			header : '列3'，
			colspan : 3,
			width : 300
		}], [{
			header : '列1'
		}, {
			header : '列2'
		}, {
			dataIndex : 'col31',
			columnIdRef : ['col3Header']
		}, {
			dataIndex : 'col32',
			columnIdRef : ['col3Header']
		}, {
			dataIndex : 'col33',
			columnIdRef : ['col3Header']
		}]]
	}),
	filters : new Ext.ux.GridFilters({
		filters : [{
			......
		}, {
			......
		}]
	}),
	store : ...,
	listeners : ...
},


initialize : function(param) {
	var grid = Ext.getCmp('grid1');
	var cm = grid.getColumnModel();
	cm.setHidden(cm.findColumnIndex('col33'), true);
	
	//  查找列的Index
	//cm.findColumnIndex('col33');
	// 单元格背景色设置
	// grid.getView().getCell(i, j).style.backgroundColor = "gray";
}