el-table表尾合计行错位
时间: 2023-11-30 07:03:00 浏览: 109
vue3 el-table多级表头收缩扩展的实现(JS原味版)
el-table表尾合计行错位可能是由于表格固定列的高度问题导致的。解决方法如下:
```css
.el-table__fixed {
height: calc(100% + 17px) !important;
}
.el-table__fixed-footer-wrapper {
bottom: 17px;
}
.el-table__fixed-right {
height: calc(100% + 17px) !important;
}
.el-table__fixed-right .el-table__fixed-footer-wrapper {
bottom: 17px;
}
```
如果你使用的是深度选择器,则可以使用以下示例:
```css
::v-deep .el-table__fixed {
height: calc(100% + 17px) !important;
}
::v-deep .el-table__fixed-footer-wrapper {
bottom: 17px;
}
::v-deep .el-table__fixed-right {
height: calc(100% + 17px) !important;
}
::v-deep .el-table__fixed-right .el-table__fixed-footer-wrapper {
bottom: 17px;
}
```
阅读全文