1. 程式人生 > >解決BootstrapTable設定height屬性後,表格不對齊的問題

解決BootstrapTable設定height屬性後,表格不對齊的問題

一般在使用BootstrapTable 外掛的時候,我是不固定高度的,沒有height屬性時候的外掛一切正常,表格對齊也沒有問題。但是為了將頁面撐開,使資料少的時候,頁面不顯得空蕩,所以就固定了高度:

height: $(window).height()*0.79,

根據頁面的大小進行動態變化。此時就會出現表格不對齊的現象,解決方法:

開啟bootstrap-table.js 找到 BootstrapTable.prototype.resetView方法,找到如下程式碼:

if (this.options.showHeader && this.options.height) {
            this
.$tableHeader.show(); //註釋掉下面兩行 取消表頭初始化解決表頭和內容不對齊問題 //this.resetHeader(); //padding += this.$header.outerHeight(); }