el-table 固定列滚动错位问题解决

465 阅读1分钟

情景复现:表格设置了高度固定表头,同时设置了左右两侧的固定列,出现无法拖动、错位等问题。

问题修复:

.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;
}