element-ui的table組件,給某些列設置了fixed屬性后,滾動條無法拖動


問題:在使用element-ui的table組件時,給表格的某些列設置了fixed屬性,讓列可以固定,不隨着滾動條滾動移動,結果發現設置后,拖動橫向的滾動條的前半部分無法拖動。
后來發現原因是設置了fixed屬性的列(左側的div)把滾動條覆蓋了。

解決辦法:

.el-table__fixed {
    height:auto !important; // 讓固定列的高自適應,且設置!important覆蓋ele-ui的默認樣式
    bottom:17px; // 固定列默認設置了定位,    position: absolute;top: 0;left: 0;只需要再設置一下bottom的值,讓固定列和父元素的底部出現距離即可
}


免責聲明!

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



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