el-table合并单元格之后，再进行隔行换色的实现

在使用 Element UI 的 el-table 组件时，如果需要在合并单元格之后实现隔行换色，可以通过自定义 row-class-name 方法来实现。

以下是一个简单的示例代码：

<template>
  <el-table
    :data="tableData"
    border
    :row-class-name="tableRowClassName"
    style="width: 100%">
    <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: [
        // ... 数据项
      ]
    };
  },
  methods: {
    tableRowClassName({row, rowIndex}) {
      if (rowIndex % 2 === 0) {
        return 'row-striped';
      }
      return '';
    }
  }
};
</script>
 
<style>
.row-striped {
  background-color: #f2f2f2;
}
</style>

在上述代码中，row-striped 类用于定义隔行换色的背景色。tableRowClassName 方法用于判断行索引的奇偶性，并为偶数行添加该类。这样就实现了合并单元格后的隔行换色效果。