まず問題のあるスタイルを確認します。
解決策:
// 解决左右 对不齐 的情况
// el-table 左右有列固定时,fixed为left和right时,行未对齐解决办法
// * 产生原因: el-table底部有滚动条,固定列底部没有滚动条
// * 解决办法: 在el-table的表格中设置padding-bottom的内边距跟滚动条等高
/deep/.el-table__fixed,
/deep/.el-table__fixed-left,
/deep/.el-table__fixed-right {
// 10 是我这里全局定义的滚动条的高度
height: calc(100% - 10px) !important;
}
/deep/.el-table__fixed-body-wrapper {
height: 100% !important;
}
/deep/.el-table__fixed-body-wrapper .el-table__body {
/*滚动条高度*/
// 10 是我这里全局定义的滚动条的高度
padding-bottom: 10px !important;
}
el-table 左右に固定列があり、固定が左右の場合、行が整列しません。
- 原因: el-table の下部にはスクロール バーがありますが、固定列の下部にはスクロール バーがありません。
- 解決策: el-table テーブルで、padding-bottom パディングをスクロール バーと同じ高さに設定します。