基於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