情景复现:表格设置了高度固定表头,同时设置了左右两侧的固定列,出现无法拖动、错位等问题。
问题修复:
.el-table__fixed {
/* 左侧固定列可拖动 */
height: auto!important;
}
.el-table__fixed-right {
/* 右侧固定列可拖动 */
height: calc(100% - 6px)!important;
}
.el-table__fixed::before,
.el-table__fixed-right::before {
/* 去掉表格下边多出的一条线 */
height: 0;
}
.el-table__body-wrapper::-webkit-scrollbar {
/* 设置表格内滚动条高度,使固定列不错位 */
width: 6px;
height: 6px;
}
.el-scrollbar-wrap::-webkit-scrollbar {
/* 固定列不错位 */
width: 6px;
height: 6px;
}