vue element table 表格合計

1.定義方法

2.表格統計方法

3.方法代碼

  getSummaries(param) {
      const { columns, data } = param;
      const sums = [];
      // console.log(columns, data, "columns,data");
      columns.forEach((column, index) => {
        if (index === 0) {
          sums[index] = "合計";
        }
        // index >= 3 || index <= 11 是你需要計算的列
        // 當然也可以指定一個或者多個列
        // index === 2 || index === 3 這樣值求和第二個與第三個列
        else if (index === 5) {
          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)) {
                return prev + curr;
              }
            }, 0);
          }
        } else {
          sums[index] = "";
        }
      });
      return sums;
    },

效果展示