elementUI table合计行内合并单元格

要在 ElementUI 的表格中实现合并单元格的功能，你可以使用 ElementUI 提供的 scoped slot `span-method` 来自定义单元格合并的方式。下面是一个示例代码：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
    <el-table-column label="合计行" :span-method="handleSpanMethod">
      <template slot-scope="{ row, column, rowIndex, columnIndex }">
        <div v-if="columnIndex === 0">
          合计
        </div>
        <div v-else>
          {{ getSum(column.prop) }}
        </div>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18, address: '北京' },
        { name: '李四', age: 20, address: '上海' },
        { name: '王五', age: 22, address: '广州' },
      ],
    };
  },
  methods: {
    handleSpanMethod({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0) {
        // 合并第一列的所有行
        return {
          rowspan: this.tableData.length,
          colspan: 1,
        };
      }
    },
    getSum(prop) {
      let sum = 0;
      this.tableData.forEach((item) => {
        sum += item[prop];
      });
      return sum;
    },
  },
};
</script>

在上面的代码中，我们使用了 `handleSpanMethod` 方法来定义单元格的合并方式。通过判断 `columnIndex` 的值，我们可以确定要合并的单元格范围，这里我们合并了第一列的所有行。`span-method` 方法会返回一个对象，其中 `rowspan` 表示纵向合并的行数，`colspan` 表示横向合并的列数。

另外，我们使用了一个辅助方法 `getSum` 来计算合计值。你可以根据自己的需求修改计算逻辑。

请注意，以上代码只是一个示例，你需要根据自己的数据结构和需求进行相应的修改。