欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

BootStrap Table 設(shè)置height表頭與內(nèi)容無法對齊的問題

 更新時間:2016年12月28日 15:22:17   投稿:mrr  
這篇文章主要介紹了BootStrap Table 設(shè)置height表頭與內(nèi)容無法對齊的問題,需要的朋友可以參考下

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

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

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

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

這樣表頭與內(nèi)容就對齊了,當(dāng)然瀏覽器窗口大小改變時也還需使用resetView函數(shù)。

以上所述是小編給大家介紹的BootStrap Table 設(shè)置height表頭與內(nèi)容無法對齊的問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

最新評論