layui表格行合并

先看一下最终合并之后的效果,能对单选、复选框进行按照某一列的合并。
在这里插入图片描述
最开始的解决方案来自于这篇博客介绍的方法:https://blog.csdn.net/guishifoxin/article/details/81480136
但是还是存在没能解决的问题。
在完善之后达到的效果:

一:单选、复选
原来加入开启了单选或者多选之后会将全部的单选按钮都合并了。
在这里插入图片描述
也传入合并列名field,layui默认是0。
在这里插入图片描述
其实这个时候就需要结合业务去控制了,需要知道是根据哪一个字段将整个表格分为几个单选的行,使用之前的代码会将全部的单选按钮合并。
改造之后效果:
1、按照不同的字段进行合并
在这里插入图片描述
在这里插入图片描述
2、checkbox也能合并
在这里插入图片描述
二、多表格混乱或不显示
layui的每一个表格都会有一个index作为标识,并且是01234…这样的顺序。所以在使用的时候指定需要进行行合并的表格序号。
在这里插入图片描述
全部代码:





表格合并行工具



依然存在的问题(但不影响使用):
1、radio或者是checkbox按钮没有垂直居中。
2、选中样式或者是鼠标移动样式没有调整(还是会蛇皮拐弯)。
在这里插入图片描述


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部