本文目录一览:
extjs 表头合并行
要看你使用的是哪个版本的ExtJs
1.如果是4.2版本的grid原生支持列header合并,合并只需在创建列模型时创建下级column就可以了。如
columns : [
{
dataIndex : '',
text : 'name'
}, {
dataIndex : '',
text : 'ccc',
columns : [{
dataIndex : '',
text : 'aaa
}, {
dataIndex : '',
text : 'bbb'
}]
}]
2.如果是3.x系列版本,使用扩展插件,请参照examples\ux实例,导入提供的examples\ux\ColumnHeaderGroup.js和examples\ux\css\ColumnHeaderGroup.css,在创建时以plugin的方式插入,请参考示例代码
extjs定义grid的列的时候 如何合并列头
嵌套使用columns就可以了
this.columns = [ {
//header : 'Name',
//dataIndex : 'name',
flex : 1,
columns:[{
header:'name1',
dataIndex:'name'
},{
header:'name2',
dataIndex:'name'
}]
}, {
header : 'Email',
dataIndex : 'email',
flex : 1
} ];
extjs grid 怎样合并单元格?
具体步骤如下:
/*
这个方法四个参数分别是
row:合并起始行
col:合并起始列.这两个参数是为了定位,要从哪个单元格开始合并.
type:是要合并行或者列.
num:是要合并的数量
//==监听load , 执行合并单元格
grid.getStore().on('load', function () {
span(grid, 0, 0, 'row', 5);
});
*/
var span = function (grid, row, col, type, num) {
switch (type) {
case 'row':
tds = Ext.get(grid.view.getNode(row)).query('td');
Ext.get(tds[col]).set({ rowspan: num });
Ext.get(Ext.get(tds[col])).setStyle({ 'vertical-align': 'middle' });
for (i = row + 1; i row + num; i++) {
Ext.get(Ext.get(grid.view.getNode(i)).query('td')[col]).destroy();
}
break;
case 'col':
tds = Ext.get(grid.view.lockedView.getNode(row)).query('td');
Ext.get(tds[col]).set({ colspan: num });
break;
}
};