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