el-table自定义合计

在Element UI库中的`el-table`组件中，如果你想自定义表头的合计功能，你可以通过监听`row-key`列的`sort-change`事件并处理数据来实现。通常，这涉及到以下几个步骤：

1. 定义一个计算总和的函数，这个函数接收一个数组作为参数，用于计算特定列的值之和。

function getTotal(array) {
   return array.reduce((total, item) => total + Number(item), 0);
}

2. 在表格的`header-cell`或`cell`配置项中，添加一个特殊的单元格，当用户对指定列排序时，显示总计结果。你可以设置`formatter`属性来自定义显示的格式。

<template>
  <el-table-column label="合计" align="center">
    <template slot-scope="{ $index, column, rowIndex, row }">
      <span v-if="column.key === 'yourColumnKey'">{{ getTotal(row.yourColumnKeyValues) }}</span>
    </template>
  </el-table-column>
</template>

在这里，你需要将`yourColumnKey`替换为你实际需要汇总的列的键名，并且`yourColumnKeyValues`应该是行数据中对应列的值。