.fixed-table-container thead th .th-inner, .fixed-table-container tbody td .th-inner { line-height: 18px; } .fixed-table-pagination .pagination a { padding: 5px 10px; } .fixed-table-toolbar .bars, .fixed-table-toolbar .search, .fixed-table-toolbar .columns { margin-top: 5px; margin-bottom: 5px; }
主要修改的地方：
1）源码里面将thead和tbody分别封装成了一个单独的表格，修改后将thead和tbody放到了一个table里面；
2）依次遍历冻结的列放入到固定的tbody里面；
其实也就改了那么几个地方，就能完美解决IE的bug。我们先来看看效果：
IE11
IE10
IE8
我们再来看看如何使用。
1、引用js和对应的css
<script src="https://www.jb51.net/~/Content/bootstrap-table/extensions/fixed-column/js/bootstrap-table-fixed-columns.js"></script> <link href="https://www.jb51.net/~/Content/bootstrap-table/extensions/fixed-column/css/bootstrap-table-fixed-columns.css" />
2、js调用如下
加两个参数fixedColumns和fixedNumber即可，什么意思不用过多解释，是否冻结列、冻结列的列数。还有一点需要说明的是，这里调用的时候不能指定它的height，如果指定height，表格的冻结显示会有问题。
以上所述是小编给大家介绍的JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: