el-table插槽数据聚合

el-table 是 Element UI 中的一个表格组件，可以用于展示和编辑数据。在 el-table 中，插槽可以用于聚合数据，即将多条数据合并为一条进行展示。

要在 el-table 中使用插槽进行数据聚合，需要使用特定的插槽名。常用的插槽有 header、default 和 summary。

- header 插槽用于自定义表头内容。可以通过 slot-scope 属性获取表头数据，并根据需求自定义展示方式。
- default 插槽用于自定义每行数据的内容。可以通过 slot-scope 属性获取每行数据，并根据需求自定义展示方式。
- summary 插槽用于自定义表格汇总行的内容。可以通过 slot-scope 属性获取需要汇总的列数据，并根据需求自定义展示方式。

下面是一个示例，展示如何使用插槽进行数据聚合：

<el-table :data="tableData" style="width: 100%">
  <el-table-column prop="name" label="Name"></el-table-column>
  <el-table-column prop="age" label="Age"></el-table-column>
  <el-table-column label="Actions">
    <template slot-scope="scope">
      <!-- 自定义每行数据的展示方式 -->
      <span>{{ scope.row.actions }}</span>
    </template>
  </el-table-column>
  <el-table-column label="Summary">
    <template slot-scope="scope">
      <!-- 自定义汇总行的展示方式 -->
      <span>Total: {{ getTotalAge(scope.$index) }}</span>
    </template>
  </el-table-column>
</el-table>

上述示例中，使用了 default 插槽来自定义每行数据的展示方式，使用了 summary 插槽来自定义汇总行的展示方式。