elementui表格按人员合并表头

ElementUI表格可以通过设置`span-method`属性来实现按人员合并表头。具体实现方法如下：

<template>
  <el-table :data="tableData" border>
    <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="操作">
      <template slot-scope="scope">
        <el-button type="text" size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
        <el-button type="text" size="small" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
      </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: '广州市天河区' },
        { name: '赵六', age: 24, address: '深圳市南山区' }
      ]
    }
  },
  methods: {
    handleEdit(index, row) {
      // 编辑操作
    },
    handleDelete(index, row) {
      // 删除操作
    },
    // 合并表头
    spanMethod({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0) {
        if (rowIndex % 2 === 0) {
          return {
            rowspan: 2,
            colspan: 1
          };
        } else {
          return {
            rowspan: 0,
            colspan: 0
          };
        }
      }
    }
  }
}
</script>

在上述代码中，`spanMethod`方法用于合并表头，通过判断当前列是否为第一列，以及当前行是否为偶数行，来决定是否需要合并单元格。具体的合并方式可以通过返回一个对象来实现，其中`rowspan`表示需要合并的行数，`colspan`表示需要合并的列数。