bootstrap-table 表头和内容对不齐解决办法

最新推荐文章于 2024-06-27 11:33:07 发布

一屁小肥咩

最新推荐文章于 2024-06-27 11:33:07 发布

阅读量7.9k

点赞数 1

分类专栏： JS脚本插件文章标签： bootstrap

JS脚本插件专栏收录该内容

31 篇文章

订阅专栏

本文介绍了解决在IE浏览器中使用bootstrap-table时出现的表头与内容对不齐的问题。通过修改bootstrap-table.js文件中的特定代码段，可以有效解决此问题。

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

bootstrap-table 表头和内容对不齐解决办法

偶然机会学习bootstrap，表格利用bootstrap-table实现，使用bootstrap-table过程中，发现了一个非常棘手的问题，在ie浏览器中，表格的表头和内容对不齐，特别是列比较多且有分页时候最明显。

相信很多同学，也遇到过这样的问题，下面提供解决办法。

查看了所有百度、博客相关文章，都没有解决。经过一周的研究，终于通过修改源码解决了。
打开bootstrap-table.js 找到 BootstrapTable.prototype.resetView方法，找到如下代码

if (this.options.showHeader && this.options.height) {
            this.$tableHeader.show();
            //注释掉下面两行 取消表头初始化解决表头和内容不对齐问题
            //this.resetHeader();
            //padding += this.$header.outerHeight();
}