vxe-grid合并表头

要合并vxe-grid的表头，需要使用`<th colspan="2">`标签来合并两个表头单元格。以下是一个简单的示例：

<vxe-grid :columns="columns" :data="data">
  <template slot="header">
    <thead>
      <tr>
        <th rowspan="2">姓名</th>
        <th colspan="2">分数</th>
        <th rowspan="2">排名</th>
      </tr>
      <tr>
        <th>语文</th>
        <th>数学</th>
      </tr>
    </thead>
  </template>
</vxe-grid>

<script>
export default {
  data() {
    return {
      columns: [
        {
          field: 'name',
          title: '姓名'
        },
        {
          field: 'chinese',
          title: '语文'
        },
        {
          field: 'math',
          title: '数学'
        },
        {
          field: 'rank',
          title: '排名'
        }
      ],
      data: [
        {
          name: '张三',
          chinese: 90,
          math: 80,
          rank: 1
        },
        {
          name: '李四',
          chinese: 85,
          math: 90,
          rank: 2
        },
        {
          name: '王五',
          chinese: 95,
          math: 95,
          rank: 3
        }
      ]
    }
  }
}
</script>

在上面的示例中，我们使用了`colspan="2"`来合并“分数”这个表头单元格，使得它跨越了“语文”和“数学”这两个单元格。这样就达到了合并表头的效果。