vxe-grid 合并行或者列

在 vxe-grid 中，可以通过设置表头（header）的 rowspan 或 colspan 属性来实现合并行或列的效果。例如，要将第一行的前两列合并为一列，代码如下：

<template>
  <vxe-grid :columns="columns" :data="tableData"></vxe-grid>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        {
          title: '姓名',
          key: 'name',
          rowspan: 2 // 设置 rowspan 为 2，表示该单元格占据两行
        },
        {
          title: '基本信息',
          children: [
            {
              title: '年龄',
              key: 'age'
            },
            {
              title: '性别',
              key: 'gender'
            }
          ]
        },
        {
          title: '联系方式',
          children: [
            {
              title: '电话',
              key: 'phone'
            },
            {
              title: '邮箱',
              key: 'email'
            }
          ]
        }
      ],
      tableData: [
        {
          name: '张三',
          age: 18,
          gender: '男',
          phone: '13888888888',
          email: 'zhangsan@example.com'
        },
        // ...
      ]
    }
  }
}
</script>

同理，要将第一列的前两行合并为一行，只需在第二列和第三列的表头中设置 colspan 属性即可。需要注意的是，合并行或列的单元格应该在表头中定义，而不是在数据行中。