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