问题描述:在 element-ui 的 table 组件中,给前两列设置了 fixed 属性,让前两列可以固定,同时设置操作列固定在右侧,不随着滚动条滚动移动,结果发现设置后,固定列的滚动条被遮挡了一部分。
效果图如下:
解决方案:
.el-table__fixed,
.el-table__fixed-right {
height: auto !important; // 让固定列的高自适应,且设置!important覆盖ele-ui的默认样式
bottom: 10px !important; // 固定列默认设置了定位, position: absolute;top: 0;left: 0;只需要再设置一下bottom的值,让固定列和父元素的底部出现距离即可
}