element-ui table 组件 fixed 布局遮盖滚动条

问题描述:在 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的值,让固定列和父元素的底部出现距离即可
}

 

你可能感兴趣的:(element-ui,element-ui,table,组件,fixed,布局,遮盖,滚动条)