vxe-table动态生成多级表头

vxe-table支持动态生成多级表头。你可以在vxe-table组件中的columns属性中配置表头信息。下面是一个动态生成两级表头的示例代码：

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

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 22, gender: 'Male', score: 90 },
        { name: 'Jane', age: 20, gender: 'Female', score: 85 },
        { name: 'Tom', age: 25, gender: 'Male', score: 95 }
      ],
      columns: [
        {
          title: 'Basic Info',
          children: [
            {
              title: 'Name',
              key: 'name'
            },
            {
              title: 'Age',
              key: 'age'
            },
            {
              title: 'Gender',
              key: 'gender'
            }
          ]
        },
        {
          title: 'Score',
          key: 'score'
        }
      ]
    }
  }
}
</script>

在上面的代码中，我们定义了一个包含4个属性的对象数组，每个对象代表一行数据。同时，我们定义了一个包含两个对象的数组，每个对象代表一个表头单元格。第一个表头单元格有两个子表头，它们会被渲染为第一列的两个单元格。第二个表头单元格只有一个标题，它会被渲染为第二列的一个单元格。

你可以根据你的需求，配置任意级别的表头。只需要在columns属性中，为每个表头单元格对象添加一个children属性即可。