grid的多表头是通过groupHeaders节点控制的,因此可以在动态创建的时候设置groupHeaders的配置,如下:
//引用grid.js
var Grid = require(“$UI/system/components/justep/grid/grid”);

[code lang=”js” highlight=””] Model.prototype.button5Click = function(event) {
var parentNode = this.getElementByXid("content2");
var option = {
parentNode : parentNode,
// grid的属性,设计时有的属性都可以设置
xid : "gridMain",
data : "data1",
width : ‘100%’,
height : ‘auto’,
useFilterBar : true,
// 列定义
colModel : [ {
name : "fName",
xid : "column1",
label : "名称"
}, {
name : "fCode",
xid : "column2",
label : "编码"
}, {
name : "fCreateTime",
xid : "column3",
label : "创建时间"
} ],
//多表头定义
groupHeaders : [ [{
startColumn : ‘fName’,//从哪个列开始显示多表头
columnCount : 2,//共几列显示多表头
titleText : ‘基本信息’,//显示的多表头信息
xid : ‘group1’
}]] };
new Grid(option);
}[/code]