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

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

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

 

 解決方案:上面的代碼改成 fixedBody.scrollHeight > fixedBody.clientHeight 這個計算規則就能夠了spa

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

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

相關文章
相關標籤/搜索