elementui纵向表头

对于 Element UI，要实现纵向多级表头，可以使用表格组件中的 `el-table-column` 标签，并通过设置 `prop`、`label` 和 `children` 属性来定义多级表头的层次结构。

以下是一个示例代码，展示了一个包含两个级别的纵向多级表头：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column label="性别">
      <el-table-column prop="gender" label="性别"></el-table-column>
      <el-table-column prop="age" label="年龄"></el-table-column>
    </el-table-column>
    <el-table-column label="联系方式">
      <el-table-column prop="email" label="邮箱"></el-table-column>
      <el-table-column prop="phone" label="电话"></el-table-column>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: '张三',
          gender: '男',
          age: 20,
          email: 'zhangsan@example.com',
          phone: '1234567890'
        },
        // 其他表格数据...
      ]
    };
  }
};
</script>

在上面的示例中，`el-table-column` 标签嵌套使用来创建多级表头。通过设置 `prop` 属性来指定数据对象中的字段，设置 `label` 属性来定义表头显示的文本。

希望这个示例对你有所帮助！如果还有其他问题，请随时提问。