The element table adds fixed columns and totals, and the horizontal scroll axis below is invalid

The scroll bar below the fixed column cannot be clicked. You must click the button on the right to drag and drop out of the fixed column. The reason is that the fixed column covers the scroll bar; the following is the solution

1. Adding layers to the scroll bar, this is the simplest and direct method, and it does not affect the method of summing up the rows below, but it is applicable to the global

<style lang="scss">

.el-table__body-wrapper {
  z-index: 2;
}
.el-table__fixed-footer-wrapper tbody td.custom-cell {
  border-right: 1px solid #dbdfe5 !important;
}
</style>

2. Add bottom to the fixed column part

<style lang="scss">
.el-table {
  .el-table__fixed {
    height: auto !important;
    bottom: 8px !important; //具体值是多少根据你横向滚动条的高度进行设置
  }
}
//去掉固定列下方的横线
.el-table__fixed::before,
.el-table__fixed-right::before {
  display: none;
}
</style>

However, if you add a total line below, it cannot be used, and it will be wrong!

Both methods are written in the global, scoped will be invalid

 

Guess you like

Origin blog.csdn.net/weixin_47194802/article/details/132303261