elementUI Table的行合并通用方法（自定义列的合并规则）

在Element UI的Table组件中，可以通过row-class-name属性来为Table行添加自定义的类名。但是，如果你想要合并行，你需要使用span-method属性来定义合并单元格的规则。

以下是一个简单的例子，展示了如何使用span-method属性来实现行的合并：

<template>
  <el-table
    :data="tableData"
    border
    :span-method="mergeRows"
  >
    <el-table-column
      prop="date"
      label="日期"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址">
    </el-table-column>
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [
        {
          date: '2016-05-02',
          name: '张三',
          address: '上海市普陀区金沙江路 1518 弄'
        },
        // ... 更多数据
      ]
    };
  },
  methods: {
    mergeRows({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0) { // 假设我们根据第一列来合并行
        if (rowIndex % 2 === 0) {
          return [1, 2]; // 表示这一行要合并两行
        } else {
          return [0, 0]; // 不合并
        }
      }
    }
  }
};
</script>

在这个例子中，mergeRows方法定义了合并行的规则。如果行的索引是偶数，那么第一列将与下一行合并（合并行高度相同）。你可以根据实际需求调整合并逻辑。