JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案( 二 ) _云知道

1）源码里面将thead和tbody分别封装成了一个单独的表格，修改后将thead和tbody放到了一个table里面；
2）依次遍历冻结的列放入到固定的tbody里面；
其实也就改了那么几个地方，就能完美解决IE的bug 。我们先来看看效果：
IE11

IE10

IE8

我们再来看看如何使用。
1、引用js和对应的css
script src="/images/defaultpic.gif" /2、js调用如下

加两个参数fixedColumns和fixedNumber即可，什么意思不用过多解释，是否冻结列、冻结列的列数。还有一点需要说明的是，这里调用的时候不能指定它的height，如果指定height，表格的冻结显示会有问题。
【JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案】以上所述是小编给大家介绍的JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！
您可能感兴趣的文章:Angualrjs和bootstrap相结合实现数据表格tablebootstrap table实现单击单元格可编辑功能Angularjs bootstrap table多选（全选）支持单击行选中实现编辑、删除功能bootstrap table动态加载数据示例代码BootstrapTable refresh 方法使用实例简单介绍bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法BootStrap table删除指定行的注意事项(笔记整理)浏览器兼容性问题大汇总测试IE浏览器对JavaScript的AngularJS的兼容性css与javascript跨浏览器兼容性总结window.open()详解及浏览器兼容性问题示例探讨下拉列表选择项的选中在不同浏览器中的兼容性问题探讨