element-ui的table组件，给某些列设置了fixed属性后，滚动条无法拖动

Posted 2020-12-18 moringyaozheng

问题：在使用element-ui的table组件时，给表格的某些列设置了fixed属性，让列可以固定，不随着滚动条滚动移动，结果发现设置后，拖动横向的滚动条的前半部分无法拖动。
后来发现原因是设置了fixed属性的列（左侧的div）把滚动条覆盖了。

解决办法：

.el-table__fixed {
    height:auto !important; // 让固定列的高自适应，且设置!important覆盖ele-ui的默认样式
    bottom:17px; // 固定列默认设置了定位，    position: absolute;top: 0;left: 0;只需要再设置一下bottom的值，让固定列和父元素的底部出现距离即可
}