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

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();
}

 

　　最终效果如下：