el-table拆分单元格

在 Element UI 的 el-table 中，可以通过在表头中使用 col-span 和 row-span 属性来拆分单元格。

例如，要将第一列的前两个单元格合并为一个单元格，可以这样写：

<el-table>
  <el-table-column label="姓名" rowspan="2"></el-table-column>
  <el-table-column label="年龄" colspan="2"></el-table-column>
  <el-table-column label="地址" rowspan="2"></el-table-column>
</el-table>

这里的 rowspan 和 colspan 分别表示竖向和横向的合并单元格数。

如果需要合并的单元格不在第一列，可以使用自定义表头来实现。例如，要将第二列的前两个单元格合并为一个单元格，可以这样写：

<el-table>
  <el-table-column label="序号"></el-table-column>
  <el-table-column label="姓名" rowspan="2"></el-table-column>
  <el-table-column label="年龄" colspan="2"></el-table-column>
  <el-table-column label="地址"></el-table-column>
  <el-table-column label="操作"></el-table-column>
  <el-table-column label="性别"></el-table-column>
  <template slot="header">
    <tr>
      <th rowspan="2">序号</th>
      <th colspan="2">基本信息</th>
      <th rowspan="2">地址</th>
      <th>操作</th>
      <th>性别</th>
    </tr>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>操作</th>
      <th>性别</th>
    </tr>
  </template>
</el-table>

注意，自定义表头需要使用 slot="header" 来指定。在自定义表头中，可以使用普通的 HTML 标签来实现单元格的合并。