JqGrid 多行表头设置

时间:2023-03-10 04:42:29
JqGrid 多行表头设置

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

JqGrid 多行表头设置

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

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

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