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>

效果:

這樣就能夠拖動了.