el-table设置fixed固定列导致的滚动条无法拖动问题

1,036 阅读1分钟

解决方案一:

<style lang="scss" scoped>
  .el-table {
    .el-table__fixed { // 左固定列
      height: auto !important;
      bottom: 18px; // 改为自动高度后,设置与父容器的底部距离,高度会动态改变,值可以设置比滚动条的高度稍微大一些
    }
    .el-table__fixed-right { // 右固定列
      height: auto !important;
      bottom: 18px; // 改为自动高度后,设置与父容器的底部距离,高度会动态改变,值可以设置比滚动条的高度稍微大一些
    }
  }
</style>

解决方案二:

<style lang="scss" scoped>.el-table {  // 处理表格左侧 || 右侧固定定位后, 无法横向滚动bug  /deep/ .el-table__fixed-right,  .el-table__fixed {    pointer-events: none;    // .el-table__fixed-header-wrapper, .el-table__fixed-body-wrapper,.el-table__fixed-footer-wrapper {    > div {      pointer-events: auto;    }  }
</style>