ExtJS 2.2.1实现双表头动态列 - 行业资讯 - 肥雀云

　　<李>默认所有列(假设列3最大3列,动态显示),使用headerRowsEx中的行宽实现双表头,第一层表头的宽度也必须要设置正确。　　<李>使用“grid.getColumnModel () .setHidden"即可实现列的隐藏,也不需要动态设置colspan。　　　　

 <代码> {
　　xtype:“filtergrid”,
　　id:“grid1”,
　　cm:新Ext.grid.ColumnModel ({
　　列:[{
　　头:“列1 ',
　　id:“col1”,
　　dataIndex:“col1”,
　　宽度:100
　　},{
　　标题:《列2》,
　　id:“col2”,
　　dataIndex:“col2”,
　　宽度:100
　　},{
　　头:“列3 - 1”,
　　id:“col31”,
　　dataIndex:“col31”,
　　宽度:100
　　},{
　　头:“列3 - 2”,
　　id:“col32”,
　　dataIndex:“col22”,
　　宽度:100
　　},{
　　头:“列3 - 3”,
　　id:“col33”,
　　dataIndex:“col33”,
　　宽度:100
　　}),
　　headerRowsEx: [[{
　　dataIndex:“col1”,
　　行宽:2
　　},{
　　dataIndex:“col2”,
　　行宽:2
　　},{
　　id:“col3Header”,
　　头:“列3 ',
　　colspan: 3,
　　宽度:300
　　}]、[{
　　头:“列1”
　　},{
　　头:“列2”
　　},{
　　dataIndex:“col31”,
　　columnIdRef (“col3Header”):
　　},{
　　dataIndex:“col32”,
　　columnIdRef (“col3Header”):
　　},{
　　dataIndex:“col33”,
　　columnIdRef (“col3Header”):
　　}]]
　　}),
　　过滤器:新Ext.ux.GridFilters ({
　　过滤器:[{
　　……
　　},{
　　……
　　})
　　}),
　　存储:……
　　听众:…
　　}，
　　
　　初始化:函数(参数){
　　var=Ext.getCmp网格(“grid1”);
　　var厘米=grid.getColumnModel ();
　　cm.setHidden (cm.findColumnIndex (col33),真正的);//查找列的索引//cm.findColumnIndex (“col33”);//单元格背景色设置//grid.getView ()。getCell .style (i, j)。写成backgroundColor=盎疑?
　　}