table按需合计以及合计放在滚动条下面的问题

  // 此处样式 是解决table表格出现横向滚动条时， 合并栏在滚动条下方的问题
  .el-table {
    overflow: auto;
  }
  .el-table__header-wrapper,
  .el-table__body-wrapper,
  .el-table__footer-wrapper {
    overflow: visible;
  }
  .el-table__body-wrapper {
    overflow-x: visible !important;
  }
  /* 这个是为了解决前面样式覆盖之后伪类带出来的竖线 */
  .el-table::after {
    position: relative;
  }

 

    getSummaries(param) {
      const { columns, data } = param
      const sums = []
      columns.forEach((column, index) => {
        if (index === 0) {
          sums[index] = '合计'
          return
        }
        let values = []
        if (column.property === 'gje' || column.property === 'zqe' || column.property === 'gddkff' || column.property === 'dkhs' || column.property === 'ywzjjlr') {
          values = data.map((item) => Number(item[column.property]))
        }
        if (!values.every((value) => isNaN(value))) {
          sums[index] = values.reduce((prev, curr) => {
            const value = Number(curr)
            if (!isNaN(value)) {
              return prev + curr
            } else {
              return prev
            }
          }, 0)
        } else {
          sums[index] = ''
        }
      })
      for (let i = 2; i < sums.length; i++) {
        if (sums[i]) {
          sums[i] = Math.round(sums[i] * 100) / 100
        }
      }
      return sums
    },