基于ElementUI,设置流体高度时,固定列与底部有间隙

基于ElementUI,设置流体高度时,固定列与底部有间隙问题,如下图:

解决办法:

   1、fixed流体的高度设置为100%

      2、将fixed的滚动内容的最大高度设置为none,bottom为去除滚动条高度的值。

 

如自定义滚动条的高度为8px,则代码如下:

.el-table{
 .el-table__fixed,
  .el-table__fixed-right {
    height: 100% !important;
  }
  &.el-table--fluid-height {
    &.el-table--scrollable-y{
      .el-table__fixed-body-wrapper{
        bottom:1px;
        max-height: none !important;
      }
      &.el-table--scrollable-x{
        .el-table__fixed-body-wrapper{
          bottom:8px;
          max-height: none !important;
        }
      }
    }
  }
}

  

 

  

posted @ 2019-06-04 11:27  karila  阅读(3416)  评论(0编辑  收藏  举报