Element实现表格嵌套、多个表格共用一个表头的方法

当需要在Element框架中实现表格嵌套或多个表格共用一个表头时，可以采用以下两种方法：

方法一：使用 render 函数自定义表格中每一列的渲染方式

1. 示例如下：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column label="相关信息">
      <el-table :data="tableData">
        <el-table-column prop="age" label="年龄"></el-table-column>
        <el-table-column prop="gender" label="性别"></el-table-column>
      </el-table>
    </el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
  </el-table>
</template>

1. 在el-table-column组件中可以再嵌套el-table组件，实现表格嵌套的效果。
2. 可以使用el-table-column组件来定义表格的表头，如果需要多个表格共用一个表头可以在多个el-table中使用相同的el-table-column组件。

方法二：使用 template-scope 自定义列的数据渲染方式

1. 示例代码如下：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column prop="gender" label="性别"></el-table-column>
    <el-table-column label="相关信息">
      <template slot-scope="scope">
        <el-table :data="scope.row.info">
          <el-table-column prop="address" label="地址"></el-table-column>
          <el-table-column prop="tel" label="电话"></el-table-column>
        </el-table>
      </template>
    </el-table-column>
  </el-table>
</template>

1. 在el-table-column组件中添加template-scope属性，自定义列的数据渲染方式，在其中嵌套el-table组件实现表格嵌套的效果。
2. 通过定义子表格的数据来源和渲染方式，实现效果多个表格共用一个表头。

以上两种方式，都可以通过对Element框架的组件和属性进行深入了解，灵活运用常用的属性和方法，实现以不同方式的表格嵌套和多个表格共用一个表头的目的。