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