element-ui 两级表头

在 Element UI 中实现两级表头，你可以使用 `el-table` 组件的 `columns` 属性来定义表头。每个表头项可以设置 `children` 属性来嵌套子表头。

下面是一个示例，演示如何创建一个带有两级表头的表格：

<template>
  <div>
    <el-table :data="tableData" border>
      <el-table-column label="一级表头" prop="name">
        <el-table-column label="二级表头" prop="subName"></el-table-column>
        <el-table-column label="二级表头" prop="subName2"></el-table-column>
      </el-table-column>
      <el-table-column label="一级表头" prop="age"></el-table-column>
      <el-table-column label="一级表头" prop="address"></el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', subName: 'Sub 1', subName2: 'Sub 2', age: 20, address: 'New York' },
        { name: 'Jane', subName: 'Sub 3', subName2: 'Sub 4', age: 25, address: 'London' },
        // ...
      ]
    }
  }
}
</script>

在上述示例中，我们在第一个表头项中定义了两个子表头项。使用 `prop` 属性来指定数据对象中的属性名，以为表格的列提供数据。你可以根据实际需求修改表头和数据，以适应你的应用。