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