var column =  [
        { id: "text1", name: "text1", type: "text", width: "100", align: 'left' },
        { headerName : 'Com100', headerChild : [
            { id: "text10", name: "text10", type: "text", width: "100", align: 'left', display:'hide' },
            { header : 'Com300', headerChild : [
                { id: "text11", name: "text11", type: "text", width: "100", align: 'left'}
            ]},
            { id: "text12", name: "text12", type: "text", width: "100", align: 'left' }
            ]
        },
        { id: "text2", name: "text2", type: "text", width: "100", align: 'left' },
        { headerName : 'Com200', headerChild : [
            { id: "text20", name: "text20", type: "text", width: "100", align: 'left' },
            { id: "text21", name: "text21", type: "text", width: "100", align: 'left' },
            { id: "text22", name: "text22", type: "text", width: "100", align: 'left' }
            ]
        },
    ];
    var grid1 = new WdtGrid('grid1');
    grid1.create(column, option);
    grid1.setData(data);