Element UI 表格组件：将合计行移到表头下方

要将 element-ui 的 table 组件表尾合计行移到表头下第一行，可以通过以下步骤实现：

1. 在表格的数据源中，添加一个合计行的数据，用于显示合计信息。
2. 在表格的表头插槽（header）中，添加一个单元格，用于显示合计行的内容。
3. 在表格的表尾插槽（footer）中，移除原本的合计行内容。
4. 在表格的插槽作用域中（slot-scope），根据合计行数据的字段，将该字段的值显示在表头的合计行单元格中。

以下是一个示例代码：

<template>
  <el-table :data='tableData'>
    <el-table-column label='姓名' prop='name'></el-table-column>
    <el-table-column label='年龄' prop='age'></el-table-column>
    <el-table-column label='地址' prop='address'></el-table-column>
    <el-table-column label='合计' slot='header'>
      {{ total.age }}
    </el-table-column>
  </el-table>
</template>

<script>
  export default {
    data() {
      return {
        tableData: [
          { name: '张三', age: 20, address: '北京' },
          { name: '李四', age: 30, address: '上海' },
          { name: '王五', age: 25, address: '广州' }
        ],
        total: {
          name: '合计',
          age: 75
        }
      }
    }
  }
</script>

在上述示例中，我们将合计行的数据添加到了total变量中，并在表头的合计行单元格中显示了合计行数据的age字段的值。你可以根据实际需求修改代码以适应你的场景。