关于element-ui中el-table组件纵向滚动条上面出现空白,无法遮盖下方内容问题详解

1.问题上图关于element-ui中el-table组件纵向滚动条上面出现空白,无法遮盖下方内容问题详解_第1张图片

如图所示,纵向滚动条上面有部分空白

2.解决方案:
.el-table th.gutter {
  display: table-cell !important;
  height: 32px;
  background: rgba(240, 240, 240, 1);
  border-bottom: 1px solid #bbb !important;
  position: absolute;
  right: 0;
  top: 0;
}
1.gutter就是那个块元素的class名,
2.position绝对定位是因为这个gutter块元素本来是thead中最后一个th,横向滚动条拉动的时候跟随跑到最后了,所以给他定位到始终固定在右上角才能遮盖住下面的内容,
3.background、border-bottom、height是默认thead样式,可跟随自定义样式修改

你可能感兴趣的:(ui,vue.js,elementui)