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

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);
}