element plus el-table-v2自定义多级表头

Element Plus 的 el-table-v2 组件支持自定义多级表头，可以通过 el-table-column 的 children 属性来实现。具体步骤如下：
1. 在 el-table-column 中设置 prop 和 label 属性，用于显示表头名称和对应的数据字段。
2. 如果需要设置多级表头，可以在 el-table-column 中设置 children 属性，并在其中嵌套新的 el-table-column 组件，重复步骤1。
3. 如果需要合并表头单元格，可以在 el-table-column 中设置 rowspan 和 colspan 属性。
4. 如果需要自定义表头样式，可以在 el-table-column 中设置 headerStyle 属性。

下面是一个示例代码，展示了如何使用 el-table-v2 自定义多级表头：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column label="成绩">
      <el-table-column prop="math" label="数学"></el-table-column>
      <el-table-column prop="english" label="英语"></el-table-column>
      <el-table-column prop="chinese" label="语文"></el-table-column>
    </el-table-column>
    <el-table-column prop="total" label="总分" rowspan="2"></el-table-column>
  </el-table>
</template>

<script>
import { ref } from "vue";
import { ElTable, ElTableColumn } from "element-plus";

export default {
  components: {
    ElTable,
    ElTableColumn,
  },
  setup() {
    const tableData = ref([
      { name: "张三", math: 80, english: 90, chinese: 85, total: 255 },
      { name: "李四", math: 75, english: 85, chinese: 90, total: 250 },
    ]);

    return {
      tableData,
    };
  },
};
</script>