el-table 行尾统计

`el-table` 是 Element UI 中的一个表格组件，它支持在表格行尾添加自定义的统计信息或汇总。要在 `el-table` 的每一行下方显示统计，可以利用它的 `summary` 属性。`summary` 可以是一个函数，这个函数会在每次渲染时接收当前行的数据和表头数据作为参数，然后返回你要展示的统计结果。

例如，如果你有一个销售订单表格，你可以计算每个用户的总销售额：

<template>
  <el-table :data="salesData">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="amount" label="金额"></el-table-column>
    <el-table-column summary="这是用户{{ $index+1 }}的总销售额：" label="总计">
      {{ getSummary($row) }}
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      salesData: [
        // ...
      ]
    };
  },
  methods: {
    getSummary(row) {
      let total = 0;
      for (let i = 0; i < this.salesData.length; i++) {
        if (this.salesData[i].name === row.name) {
          total += this.salesData[i].amount;
        }
      }
      return total;
    }
  }
};
</script>

在这个例子中，`getSummary` 方法会遍历数据，根据用户名找到该行的所有金额，然后累加求和。