问题描述
在使用ele-ui的table组件时,给前四列设置了fixed属性,让前四列可以固定,不随着滚动条滚动移动,结果发现设置后,拖动横向的滚动条的前半部分无法拖动。
后来发现原因是设置了fixed属性的列把滚动条覆盖了,一般是看不到,但是把页面缩小就发现了,如下图:
解决方法:
.el-table__fixed {
height:auto !important; // 让固定列的高自适应,且设置!important覆盖ele-ui的默认样式
bottom:17px; // 固定列默认设置了定位, position: absolute;top: 0;left: 0;只需要再设置一下bottom的值,让固定列和父元素的底部出现距离即可
position: absolute;
top: 0;
left: 0;
}