element-ui table合计行不显示问题

方法一：大部分都说添加这个样式，但是添加之后跟下面分页会有重叠部分，建议使用方法二

<style >
  .el-table {
    overflow: visible !important;
  }
</style>

方法二：在getSummaries方法中添加如下代码

this.$nextTick(() => {

this.$refs.table.doLayout();

});

 getSummaries(param) {
          this.$nextTick(() => {
              this.$refs.table.doLayout();
          });
         const { columns, data } = param;
        const sums = [];
        columns.forEach((column, index) => {
          if (index === 0) {
            sums[index] = '总价';
            return;
          }
              const 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)) {
                  //     let mm=prev + curr;
                  //     return parseFloat(mm).toFixed(2);
                  //   } else {
                  //     return parseFloat(prev).toFixed(2);
                  //   }
                  // }, 0);
                  let result = this.money[index]
                  sums[index] =result
              } else {
                  sums[index] = '';
              }
          });
          return sums;

      },

此方法为自定义的合计逻辑：

官方描述：

将show-summary设置为true就会在表格尾部展示合计行。默认情况下，对于合计行，第一列不进行数据求合操作，而是显示「合计」二字（可通过sum-text配置），其余列会将本列所有数值进行求合操作，并显示出来。当然，你也可以定义自己的合计逻辑。使用summary-method并传入一个方法，返回一个数组，这个数组中的各项就会显示在合计行的各列中，具体可以参考本例中的第二个表格。