el-table 动态合并列

以下是实现el-table动态合并列的方法：

1. 首先需要在el-table中设置`:span-method`属性，该属性指定一个方法用于计算单元格的合并方式。

2. 在该方法中，需要根据当前单元格所在的行和列，以及表格数据中的其他行列信息，来计算出当前单元格需要合并的行数和列数。

3. 最后，将计算出的行列信息返回即可。

下面是一个示例代码，用于实现合并第1列和第2列：

<template>
  <el-table :data="tableData" :span-method="handleSpanMethod">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <<el-table-column prop="gender" label="性别"></el-table-column>>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18, gender: '男' },
        { name: '李四', age: 20, gender: '女' },
        { name: '王五', age: 22, gender: '男' },
        { name: '赵六', age: 24, gender: '女' }
      ]
    }
  },
  methods: {
    handleSpanMethod({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0) {
        // 合并第1列和第2列
        if (rowIndex === 0 || rowIndex === 2) {
          return {
            rowspan: 2,
            colspan: 1
          }
        } else {
          return {
            rowspan: 0,
            colspan: 0
          }
        }
      }
    }
  }
}
</script>