首页 > 代码库 > Ext3.0中复杂表头例子
Ext3.0中复杂表头例子
注意要点:不出现滚动条时要设置height和forceFit : false
效果如下图:
this.columns = [{ header : ‘月份‘, dataIndex : ‘月份‘, width:50 }]; this.store = new Ext.data.SimpleStore({ fields : [], data : [[]] }); var cc = new Ext.FormPanel({ frame : false, border : false, items : [{ xtype : ‘grid‘, border : false, height:420, store : this.store, colModel : new Ext.grid.ColumnModel({ columns : this.columns, defaultSortable : true, rows : [[{}, { header : ‘‘, colspan : 9, align : ‘center‘ },{ header : ‘‘, colspan : 9, align : ‘center‘ },{ header : ‘‘, colspan : 9, align : ‘center‘ }], [{}, { header : ‘‘, colspan : 2, align : ‘center‘ }, { header : ‘‘, colspan :2, align : ‘center‘ }, { header : ‘‘, colspan : 4, align : ‘center‘ },{}, { header : ‘‘, colspan : 2, align : ‘center‘ }, { header : ‘‘, colspan :2, align : ‘center‘ }, { header : ‘‘, colspan : 4, align : ‘center‘ },{}, { header : ‘‘, colspan : 2, align : ‘center‘ }, { header : ‘‘, colspan :2, align : ‘center‘ }, { header : ‘‘, colspan : 4, align : ‘center‘ },{}]] }), enableColumnMove : false, viewConfig : { forceFit : false }, plugins : [new Ext.tet.plugins.GroupHeaderGrid()] }] });
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。