首先說下我遇到的問題,就是設置表格的height后先加載所有數據再隱藏除第一條外的數據(即只顯示第一條數據)發現表頭與內容無法對齊,在網上也找了很多解決方法，但效果都不太理想，最后還是老老實實調樣式，發現我們所看到的表頭就是".fixed-table-header"這樣一個div,而原來的表頭因為margin-top而看不見了，而這個表頭與內容是對齊的,因此就可以設置".fixed-table-header"的每一個"th"的寬度來實現對齊,于是我修改了bootstrap-table.js中fitHeader函數,看到該函數中有這么幾行代碼：

this.$header.find('th').each(function (i) {       that.$header_.find('th').eq(i).data($(this).data()); }); 

于是遍歷的時候我們可以設置所看到的表頭的列寬度。將其改為:

this.$header.find('th').each(function (i) {       that.$header_.find('th').eq(i).data($(this).data());       // TODO: 2016-12-28新加的代碼,用于解決設置height后表頭與內容不對齊的bug(開始)       that.$tableHeader.find('th').eq(i).width($(this).innerWidth());       // TODO: 2016-12-28新加的代碼,用于解決設置height后表頭與內容不對齊的bug(結束)     }); 

這樣表頭與內容就對齊了，當然瀏覽器窗口大小改變時也還需使用resetView函數。

以上所述是小編給大家介紹的BootStrap Table 設置height表頭與內容無法對齊的問題，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！