关于extJS gridPanel的表头嵌套 如何实现

Question

我想实现一个grid  它的表头 类似附图这样样式的，具体该怎么实现呢

Answer 1

ExtJS支持直接在column里定义column实现表头嵌套，类似下面的代码
[code="java"]mycolumns.push( {
header : '用户信息',
dataIndex : "name",
// locked:true,
// column中可以再嵌套列，形成多表头可读性更强的表格
// 使用多表头的时，flex失效，必须显示地给列定义width固定宽度，百分比失效
// 否则表头宽度显示异常
columns : [ {
header : '姓名',
dataIndex : "name",
width : 300,
sortable : true,
editor : {// 通过field或editor配置项说明该单元格的编辑组件是什么
xtype : 'combo',
store : editstore,
id : 'names',
allowBlank : false,
lazyRender : true,
typeAhead : true,
triggerAction : 'all',
queryMode : 'local',
selectOnTab : true,
displayField : 'name',
valueField : 'name',
listClass : 'x-combo-list-small',
listeners : {
select : function(combo, record, index) {
isEdit = true;
}
}
}
}, {
header : '邮箱',
dataIndex : "email",
width : 300,
sortable : true,
editor : {
allowBlank : false
// 默认使用的textfield的值
}
} ]
});[/code]