問題: el-table-column 添加fixed屬性 滾動條無法滑動
使用element UI組件,用到el-table的el-table-column的fixed屬性時,當滾動條長度小于固定列時,滾動條無法通過鼠標去點擊滑動操作
原因
fixed是用來固定列的屬性,其的展現層級會高于滾動條的層級,因此會導致該問題,但使用z-index層級是無法起到效果的
解決方案
<style>
/* 設置默認高度-滾動條高度 */
.el-table__fixed {height: calc(100% - 15px) !important;
}
/* 用于消除固定列下方的偽元素邊框線 */
.el-table__fixed:before {height: 0px;
}
</style>
解決過程
查找了很多資料,有的方法是可行的,有的不可行,可行的有的樣式太多了,該方法用極短的樣式就可以解決,筆者親測有效