bootstrap table 固定列后，checkbox 选择框失效

最新推荐文章于 2022-09-07 15:15:48 发布

simpleQQP

最新推荐文章于 2022-09-07 15:15:48 发布

阅读量1.4k

点赞数 2

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_40115330/article/details/114225243

版权

本文探讨了在使用Bootstrap Table时遇到的一个常见问题：当表格的列被固定后，Checkbox选择功能失效。文章深入分析了这个问题的原因，并提供了一种有效的解决方案，帮助开发者解决在前端开发中遇到的此类问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	//复选框失效是因为开启了冻结列后，把冻结的那几列给复制出来成了一个独立的表格
	//所以之前的事件已经没用，需要在重新绑定下
	
	//只需要注意一下三点就可以解决固定列导致的选择框失效问题
	
	
	//1、首先记得引入固定js主要文件
	<script type="text/javascript" src="./static/bootstrap-table-fixed-columns.js"></script>

	//2、固定列
    fixedColumns:true,
    fixedNumber:7,	

	//3、重新绑定复选框事件
	//全选
    $('.fixed-table-container').on('click','input[name="btSelectAll"]',function(){
   
      if