解决bootstrap table固定列复选框失效 (bootstrap-table-fixed-columns)

原创 15036049068 随笔 表格 137阅读 2018-09-11 09:48:11 举报

原因:使用bootstrap-table-fixed-columns插件生产的固定列是另一个表格,覆盖于自己原表格之上,实现固定列的效果,但是这样导致原表格的checkbox失效,我们使用的一些操作失效,不能进行选中。下面是我的解决方法:
解决思路:让所生成的新表格的checkbox隐藏或者透明度为0,原表格的checkbox等级升高,所在的tr设为relative,所在的td设absolute,固定位置,新表格的头和身体(thead tbody)是两个表格,所以有可能导致上下不对照,偏移,我们可以把原表格的width赋值给新表格的thead,tbody,这样不仅解决了新表格不偏移,还可以让两个表格位置更为准确。
代码:
1.引入顺序:

2.表格代码

3.bootstrap-table-fixed-columns.css

4.js代码

5.解决函数

在页面初始化的时候就要执行一下

大致就这么些了。
表格插件的小demo
1.
bootstrap-table-fixed-columns demo
附件描述

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复