el-table使用show-summary后指定某列不进行合计

这里写自定义目录标题

  • el-table使用show-summary后指定某列不进行合计

el-table使用show-summary后指定某列不进行合计

1.el-table绑定summary-method事件

<el-table border show-summary :summary-method="totalOutYear" :data="tableData">

2.summary-method事件

totalOutYear(param) {
      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 != 'implementYear') {
          sums[index] = values.reduce((prev, curr) => {
            const value = Number(curr);
            if (!isNaN(value)) {
              return prev + curr;
            } else {
              return prev;
            }
          }, 0);
          sums[index];
        }
      });
      return sums
    },

3.行了 好使

你可能感兴趣的:(javascript,vue,前端,vue.js,javascript,elementui)