基于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;
        }
      }
    }
  }
}

  

 

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM