el-table中的el-table-column提供了一个fixed属性设置固定列,但是设置了之后发现表格的滚动条无法拖动了,通过F12定位到页面元素发现是滚动条被固定列生成的元素给覆盖了。
<style lang="scss" scoped>
.el-table {
.el-table__fixed { // 左固定列
height: auto !important;
bottom: 18px; // 改为自动高度后,设置与父容器的底部距离,高度会动态改变,值可以设置比滚动条的高度稍微大一些
}
.el-table__fixed-right { // 右固定列
height: auto !important;
bottom: 18px; // 改为自动高度后,设置与父容器的底部距离,高度会动态改变,值可以设置比滚动条的高度稍微大一些
}
}
</style>
.el-table--scrollable-x .el-table__body-wrapper {
z-index: 1;
}