JqGrid 多行表头设置

1、我想要统计的效果是这样的

2、只要在初始化表格中加上如下代码就可以了:

 jQuery("#tbAbroadStatisticByUnit").jqGrid('setGroupHeaders', {
        useColSpanStyle: true,
        groupHeaders: [
            { startColumnName: 'TGroupCount', numberOfColumns: 3, titleText: '组团' },
            { startColumnName: 'DGroupCount', numberOfColumns: 3, titleText: '双跨参团' },
            { startColumnName: 'MGroupCount', numberOfColumns: 3, titleText: '小计' }
        ]
    });

其中TGroupCountDGroupCountMGroupCount对应的是colModel中的name,numberOfColumns是你想合并的行数,titleText是第一个表头的名字。

 

 

 

打个广告:如果你或你朋友需求微信投票点赞的可以给我留言

posted @ 2018-01-03 15:43  爱生活,爱代码  阅读(3379)  评论(0编辑  收藏  举报