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

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

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

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

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

于是遍歷的時(shí)候我們可以設(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)容不對(duì)齊的bug(開(kāi)始) 
      that.$tableHeader.find('th').eq(i).width($(this).innerWidth()); 
      // TODO: 2016-12-28新加的代碼,用于解決設(shè)置height后表頭與內(nèi)容不對(duì)齊的bug(結(jié)束) 
    }); 

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

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

相關(guān)文章

最新評(píng)論