jqgrid实现多级表头

来源：互联网发布：大数据交易市场现状编辑：程序博客网时间：2024/05/14 17:04

如图所示，实现jqgrid多级表头：

使用setGroupHeaders参数：

$( "#gtgz_grid" ).jqGrid( 'setGroupHeaders' , {
           useColSpanStyle : true , // 没有表头的列是否与表头列位置的空单元格合并
           groupHeaders :[{
                   startColumnName :"timeId", //开始列
                   numberOfColumns : 18, //合并几列
                   titleText : "高铁用户感知报表",//合并后父列名
                    }]

   });

       $( "#gtgz_grid" ).jqGrid( 'setGroupHeaders' , {
           useColSpanStyle : true , // 没有表头的列是否与表头列位置的空单元格合并
           groupHeaders :[{
                   startColumnName :"http_dl_speed", //开始列
                   numberOfColumns : 6, //合并几列
                   titleText : "用户面",//合并后父列名
                    },
                    {
                   startColumnName : "numofattachsucc_rate", //开始列
                   numberOfColumns : 3, //合并几列
                   titleText :"控制面" //合并后父列名
               }]
       });

注意：按照表头的级别顺序去初始化表头

0 0