解決boostrap-table有水平和垂直滾動條時,滾動條滑到最右邊表格標題和內容單元格無法對齊的問題


問題:boostrap-table有水平和垂直滾動條時,滾動條不高的時候(滾動高度比較大的時候沒有問題),滾動條滑到最右邊表格標題和內容單元格無法對齊的問題

問題原因:bootstrap-table源碼中的 fixedBody.scrollHeight > fixedBody.clientHeight + this.$header.outerHeight() 這個計算規則有問題

 

 解決方案:上面的代碼改為 fixedBody.scrollHeight > fixedBody.clientHeight 這個計算規則就可以了

注:如果bootstrap-table使用了resizable擴展插件,有滾動條的時候,滾動到右邊有同樣的問題,此時我的解決方案是隱藏最后一個單元格寬度自定義設置拖放線

.bootstrap-table .JCLRgrip.JCLRLastGrip {
    display: none;
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM