element ui 合并表头

在 Element UI 中，可以使用 `el-table` 的 `span-method` 属性来合并表头。具体实现方式是在 `span-method` 方法中返回一个对象，对象的 `colspan` 属性表示需要合并的列数，`rowspan` 属性表示需要合并的行数。

例如，如果要将第一列和第二列合并为一列，可以这样写：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="name" label="姓名" :span-method="handleSpan">
    </el-table-column>
    <el-table-column prop="age" label="年龄">
    </el-table-column>
    <el-table-column prop="address" label="地址">
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: '张三',
          age: 18,
          address: '北京市'
        },
        {
          name: '李四',
          age: 20,
          address: '上海市'
        }
      ]
    }
  },
  methods: {
    handleSpan({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0 || columnIndex === 1) {
        if (rowIndex === 0) {
          return {
            rowspan: 2,
            colspan: 1
          };
        } else {
          return {
            rowspan: 0,
            colspan: 0
          };
        }
      }
    }
  }
}
</script>