UI組件--element-ui合計行在橫向滾動條下面的解決方法

使用element-ui合計功能, 因列數較多, 產生橫向滾動條, 但是合計行卻在滾動條下面, 拖動滾動條合計行不會跟着橫向滾動:

 

在當前頁面添加以下樣式:

<style lang='less'>
// 放在一個類名下, 防止污染其他樣式
.claim_company {
  .el-table{
    overflow: auto;
  }
  .el-table__body-wrapper,
  .el-table__header-wrapper,
  .el-table__footer-wrapper{
    overflow:visible;
  }
  .el-table::after{
    position: relative !important;
  }
}
</style>

效果:

這樣就可以拖動了.