博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jqgrid合并单元格
阅读量:6984 次
发布时间:2019-06-27

本文共 1092 字,大约阅读时间需要 3 分钟。

hot3.png

实现效果:合并同一列相邻且内容相同的单元格。

合并代码:

function Merger(gridName, CellName) {      //得到显示到界面的id集合      var mya = $("#" + gridName + "").getDataIDs();      //数据总行数      var length = mya.length;      //定义合并行数      var rowSpanTaxCount = 1;      for (var i = 0; i < length; i += rowSpanTaxCount) {          //从当前行开始比对下面的信息          var before = $("#" + gridName + "").jqGrid('getRowData', mya[i]);          rowSpanTaxCount = 1;          for (j = i + 1; j <= length; j++) {              //和上边的信息对比 如果值一样就合并行数+1 然后设置rowspan 让当前单元格隐藏              var end = $("#" + gridName + "").jqGrid('getRowData', mya[j]);              if (before[CellName] == end[CellName]) {                  rowSpanTaxCount++;                  $("#" + gridName + "").setCell(mya[j], CellName, '', { display: 'none' });              } else {                  break;              }          }          $("#" + gridName + "").setCell(mya[i], CellName, '', '', { rowspan: rowSpanTaxCount });      }  }

调用代码:

gridComplete: function (data) {      Merger('listname', 'columnname');  }

最终合并了第一列的效果:

效果图

转载于:https://my.oschina.net/wen1512/blog/865151

你可能感兴趣的文章
swoole知识点
查看>>
配置文件与网站部署
查看>>
mvn -U clean eclipse:clean eclipse:eclipse
查看>>
windows下安装composer抛出Composer\Downloader\TransportException异常解决办法
查看>>
HTTP协议简单介绍
查看>>
js&&node set_cookie、get_cookie
查看>>
定义一个数组返回最大子数组的值(2)
查看>>
a:active
查看>>
方位话机同一号码双链路注册实现冗余
查看>>
JENKINS系统的安装部署
查看>>
最强悍的VS插件—reSharper
查看>>
easyui---修改删除查询
查看>>
各种推导式
查看>>
初识Typescript及vscode环境配置
查看>>
org.apache.poi 读取数字问题
查看>>
python使用snappy压缩
查看>>
Error: "Call requires API level 11 (current min is 8): android.app.Activity#onCreateView"
查看>>
Ubuntu12.04下Linux内核编译
查看>>
Codeforces Round #113 (Div. 2) Tetrahedron(滚动DP)
查看>>
结构体的使用
查看>>