在element的＜el-table＞中对固定列添加合计

在element的中对固定列添加合计

在中添加

         :summary-method="getSummaries"
          show-summary

添加getSummaries方法

 getSummaries(param) {
      //处理合计被整个table表遮挡问题
      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(column.property === '对应table中需要合计的字段名称'){
          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] = ' ';
          }
        }else {
          sums[index] = ' ';
        }
      });
      return sums
    }