el-table横向合并2-4列单元格

要在el-table中横向合并2-4列单元格，可以使用column-spanner插槽。

首先，在el-table-column中设置column-spanner属性，指定哪些列需要合并。例如，如果要合并第一列和第二列，则可以这样设置：

<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄" :column-spanner="spanner"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
<el-table-column prop="phone" label="电话"></el-table-column>

其中，spanner可以是一个方法，用于返回需要合并的列数。例如，如果要合并第一列和第二列，则可以这样定义spanner方法：

methods: {
  spanner({ row, rowIndex, columnIndex }) {
    if (rowIndex === 0 && columnIndex === 1) {
      return 2; // 合并2列
    }
  }
}

然后，在el-table中使用column-spanner插槽，自定义合并单元格的内容。例如，可以在第一行的第一列和第二列合并为一个单元格，显示“姓名和年龄”：

<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄" :column-spanner="spanner">
  <template slot="column-spanner" slot-scope="{ row, rowIndex, columnIndex }">
    <el-table-cell :rowspan="2">{{ row.name }} 和 {{ row.age }}</el-table-cell>
  </template>
</el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
<el-table-column prop="phone" label="电话"></el-table-column>