layui表格内容挤在一起_layui数据表格跨行自动合并的例子

需求描述：

在数据表格中，对于按某个分类展示数据其分类下又有多个细分的嵌套细分项，如省市区昵称，省下面有多个市，市下面有多个区，区下面有昵称，需要实现跨行合并，且操作按钮以分类为单位(即操作按钮需按照分类合并)。

需求分析：

除操作列外，以左边列为基础单位进行跨行合并，当前单元格合并数<=左边列；

操作列可以选择任意列作为基础单位(这个待完善)。

原始页面：

处理页面：

方法：

var execRowspan = function(fieldName,index,flag){

// 1为不冻结的情况，左侧列为冻结的情况

let fixedNode = index=="1"?$(".layui-table-body")[index - 1]:(index=="3"?$(".layui-table-fixed-r"):$(".layui-table-fixed-l"));

// 左侧导航栏不冻结的情况

let child = $(fixedNode).find("td");

let childFilterArr = [];

// 获取data-field属性为fieldName的td

for(let i = 0; i < child.length; i++){

if(child[i].getAttribute("data-field") == fieldName){

childFilterArr.push(child[i]);

}

}

// 获取td的个数和种类

let childFilterTextObj = {};

for(let i = 0; i < childFilterArr.length; i+&