在使用elementui的表格时,当存在固定列、横向和竖向滚动条时,滚动到最后一条会出现表格错位的问题。

原因:因为存在滚动条时,固定列的底下没有留出高度,导致滚动条不显示。加上一个padding-bottom即可。

解决方案:

全局加上以下样式即可。

.el-table__body-wrapper {
  &::-webkit-scrollbar { // 滚动条高 解决行未对齐
    height: 5px;
  }
}
.el-table__fixed-body-wrapper .el-table__body {
  padding-bottom: 5px; // 滚动条高度
}

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐