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

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

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

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

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

 

　　最终效果如下：

 

第一次写技术博客，大家多多关照！！！！！2017-01-10