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