layui表格合并
迪丽瓦拉
2024-05-31 20:02:42
0次
先看一下最终合并之后的效果，能对单选、复选框进行按照某一列的合并
最开始的解决方案来自于这篇博客介绍的方法：https://blog.csdn.net/guishifoxin/article/details/81480136
但是还是存在没能解决的问题。
在完善之后达到的效果：
一：单选、复选
原来加入开启了单选或者多选之后会将全部的单选按钮都合并了。
也传入合并列名field,layui默认是0。
其实这个时候就需要结合业务去控制了，需要知道是根据哪一个字段将整个表格分为几个单选的行，使用之前的代码会将全部的单选按钮合并。
改造之后效果：
1、按照不同的字段进行合并
2、checkbox也能合并
二、多表格混乱或不显示
layui的每一个表格都会有一个index作为标识，并且是01234…这样的顺序。所以在使用的时候指定需要进行行合并的表格序号。
全部代码：
表格合并行工具
依然存在的问题（但不影响使用）：
1、radio或者是checkbox按钮没有垂直居中。
2、选中样式或者是鼠标移动样式没有调整（还是会蛇皮拐弯）。
