element-plus的多行表尾合计

element-plus提供了一个Table组件，可以用于展示数据表格。在Table组件中，可以使用`summary-method`属性来实现多行表尾合计。

下面是一个示例代码，演示了如何使用element-plus的Table组件实现多行表尾合计：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column prop="score" label="分数"></el-table-column>
    <el-table-column label="合计">
      <template slot-scope="scope">
        <span v-if="scope.$index === 0">总计</span>
        <span v-else-if="scope.$index === 1">平均值</span>
        <span v-else></span>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18, score: 90 },
        { name: '李四', age: 20, score: 85 },
        { name: '王五', age: 22, score: 95 },
      ],
    };
  },
};
</script>

在上面的代码中，我们使用了`el-table`组件来展示数据表格，通过`prop`属性指定了每一列对应的数据字段。在最后一列中，我们使用了`slot-scope`来自定义表尾的内容，根据`scope.$index`的值来判断是总计还是平均值。

通过以上代码，我们可以实现一个带有多行表尾合计的表格。