EasyUI DataGrid 多级表头和分组设置

我们做报表的时候经常用用到复杂的表头，涉及到多行多列的合并，在EasyUI DataGrid 中如何实现呢？请看本文给大家介绍的DataGrid 多级表头和分组设置。

先看效果截图：

$('#dg').datagrid({  
    url:'datagrid_data.action',  
    fit : true,
    fitColumns : false,
    columns:
         [
             [
                {"title":"网格员考核测评表","colspan":9}
             ],
             [
                {"field":"ORGNAME","title":"网格","rowspan":3,width:"80"},
                {"field":"USERZH","title":"网格员","rowspan":3,width:"80"},
                {"title":"工作纪律","rowspan":2},
                {"title":"民主互评","rowspan":2},
                {"title":"志愿者","rowspan":2},
                {"title":"加分项","colspan":2},
                {"title":"总分","rowspan":2},
                {"title":"平均分","rowspan":2}
             ],
             [
                {"title":"信息上报","rowspan":1},
                {"title":"简报采纳","rowspan":1}
             ],
             [
                {"field":"YW1","title":"5分","rowspan":1},
                {"field":"YW2","title":"5分","rowspan":1},
                {"field":"YW3","title":"6分","rowspan":1},
                {"field":"YW4","title":"8分","rowspan":1},
                {"field":"YW5","title":"5分","rowspan":1},
                {"field":"TOTAL","title":"","rowspan":1},
                {"field":"AVG","title":"","rowspan":1}
             ]
         ]
});