bootstrap table 表頭與內容不對齊問題解決

1.如果頁面不涉及到大小變化，bootstrap table是低版本的

打開bootstrap-table.js 找到 BootstrapTable.prototype.resetView方法，找到如下代碼： 

if (this.options.showHeader && this.options.height) {

this.$tableHeader.show();

//注釋一下兩行代碼

//this.resetHeader();

//padding += this.$header.outerHeight();

}

這樣直接加載表格，就不會出現錯位的情況了

2.如果表格有高度要求，且頁面會有大小的變化

（1）首先將加載表格時的height屬性去掉

（2）換另一種方式控制高度--因為我測試了好幾種方式，只要寫了高度都不靈

// 窗口大小變動監聽
$(window).resize(function () {
$('#TableID').bootstrapTable('resetView');//表格重新展示
$(".fixed-table-container").css("height", window.parent.innerHeight - 300);//在此處設置高度，可自定義，可以實現控制高度的作用，初始加載表格也需要寫本條代碼（高度初始就要定一下，本方法只在頁面大小變化時才會觸發）
});