el-table多行合计

getSummaries(param) {
  const { columns, data } = param;
  const sums = [];
  columns.forEach((column, index) => {
    if (index === 0) {
      sums[index] = (
        <div>
          <div>企业汇总</div> <div>全部汇总</div>
        </div>
      );

      return;
    }
    const values = data.map(item => Number(item[column.property]));
    console.log(values)
    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);
      sums[index] = (
        <div>
          <div>{sums[index]}</div> <div>{sums[index]}</div>
        </div>
      );
    } else {
      sums[index] = '';
    }
  });
  return sums;
},
上面的写法需要项目支持jsx 否则会报错，网上其他的教程都是用了同种写法 但是未提及jsx一个字  所以感谢他们 让我又有机会自己研究了一把Vue中怎么使用jsx