element-ui的表格如何合并

element-ui的表格可以通过设置rowspan和colspan来进行合并单元格的操作。

1. 合并行

设置rowspan属性即可实现合并行的操作，例如：

<el-table :data="tableData">
  <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">
      <template v-if="scope.rowIndex === 0">{{scope.row.name}}</template>
      <template v-else-if="scope.rowIndex === 1" :rowspan="2">{{scope.row.address}}</template>
      <template v-else></template>
    </template>
  </el-table-column>
</el-table>

在第四列的合并行中，使用了slot-scope来获取当前行的数据，并根据rowIndex判断是否需要合并行，如果当前行的rowIndex为0，则显示name，否则如果rowIndex为1，则设置rowspan为2，并显示address。

2. 合并列

设置colspan属性即可实现合并列的操作，例如：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column label="合并列" :colspan="2"></el-table-column>
  <el-table-column prop="address" label="地址"></el-table-column>
  <el-table-column prop="phone" label="电话"></el-table-column>
</el-table>

在第三列的合并列中，设置了colspan为2，表示合并当前列和下一列。