解決BootstrapTable設置height屬性后，表格不對齊的問題

2018年03月06日 09:56:54 nb7474 閱讀數 5920

 

 

 

一般在使用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(); }

 

一般在使用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(); }