2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > layui框架实现table某一列的合并+冻结(合并列+fixed冻结二者发生冲突)

layui框架实现table某一列的合并+冻结(合并列+fixed冻结二者发生冲突)

时间:2022-02-21 22:43:37

相关推荐

layui框架实现table某一列的合并+冻结(合并列+fixed冻结二者发生冲突)

1、先实现的合并(百度上有很多),我用的是这个博主的

京兆文鱼博主的:合并列的代码

2、对1中已经完成合并的这一列进行“冻结”,我用的是layui框架自带的fixed属性(不知道的可以看一下layui的开发文档,里面有的)

在1的merge代码里,有这么一句话

var trArr = $(“.layui-table-main>.layui-table”).eq(4).find(“tr”);//所有行

$里的这个是你当前需要合并所在的列的这个内容,

但是你加了fixed属性后,你会发现,冻结的这一列是不属于上述内容的

所以只需将trArr后的daole符中的内容修改一下,$(“.layui-table-fixed.layui-table-fixed-l>.layui-table-body>.layui-table”).find(“tr”);

可能出来的结果会固定+会合并,但是因为只针对一列数据进行合并,导致样式很奇怪,可以将表格固定的列数再加列,就可以达到合并列+冻结的效果了

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。