jqGrid合并表头

刚入职新公司,负责的第一个项目就是前后端不分离的后台管理项目;其中使用的表格框架就是jqGrid,特此记录;(前后端不分离调试起来是真的抓狂!!)

不浪费各位时间,先上效果图:

在这里插入图片描述这是我在本地方便调试运行的,数据都是假数据;

引入jqGrid

请添加图片描述
(ps:要使用合并表头功能最低版本库貌似最低为4.3(再ps:错了勿喷),之前我使用4.0.0报错;)

这是我本地自己定义的数据

在这里插入图片描述

插入数据

在这里插入图片描述ps:(清注意name值)

核心设置

在这里插入图片描述
注意要调用jqGrid的‘setGroupHeaders’方法;
startColumnName属性:设置的是从colModel中的哪条name属性开始合并;
numBerOfColunms属性:设置合并的单元格数量;
titleText:设置的是什么请直接看最终效果图!!

最终效果

在这里插入图片描述刚开始写,写的不好勿喷!!

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值