layui实现表格单元格合并的方法
发布时间:2020-06-11 11:38:01
来源:亿速云
阅读:337
这篇文章主要介绍了layui实现表格单元格合并的方法,具有一定借鉴价值,需要的朋友可以参考下。如下资料是关于layui实现表格单元格合并的详细步骤内容。
需求:
下面用excel表格大概模拟下需求,左边是原来的,要改成右边这样的:
第一步:再生成表格后调用此方法,以合并重复的单元格done : function(res, curr, count) {
merge(res);
}
第二步:编写这个方法:function merge(res) {
var data = res.data;
var mergeIndex = 0;//定位需要添加合并属性的行数
var mark = 1; //这里涉及到简单的运算,mark是计算每次需要合并的格子数
var columsName = ['id','name'];//需要合并的列名称
var columsIndex = [0,1];//需要合并的列索引值
for (var k = 0; k < columsName.length; k++) { //这里循环所有要合并的列
var trArr = $(".layui-table-body>.layui-table").find("tr")