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

Posted moringyaozheng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element-ui的table组件,给某些列设置了fixed属性后,滚动条无法拖动相关的知识,希望对你有一定的参考价值。

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

解决办法:

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

以上是关于element-ui的table组件,给某些列设置了fixed属性后,滚动条无法拖动的主要内容,如果未能解决你的问题,请参考以下文章

element-ui表格组件table实现列的动态显示与隐藏

element-ui里面的table组件在ie11下面的列宽会无无限的拉长?

封装element-ui的table自定义表头组件

element-ui 的 table 组件 无法设置行高的问题?

element-ui中el-table组件的行号

element-ui table表格的多表头及固定列共用