el-table套el-table

在Element UI中，`el-table`是一个用于展示数据列表的组件，它提供了一种表格布局的方式来显示信息。如果你需要在一个页面上嵌套两个或更多的`el-table`，通常是为了层次化的数据展示或者是作为数据视图的一部分，每个表格分别对应不同的数据集或展示目的。

例如，你可以创建一个包含员工信息的主表，然后每个员工条目下面展示其详细的工作职责或项目记录，这时可以将`el-table`嵌套在`<el-row>`或者`<el-col>`中，形成嵌套表格结构：

<template>
  <div>
    <el-table :data="mainTableData">
      <el-table-column prop="name" label="姓名"></el-table-column>
      <!-- 更多列... -->
      <el-table-column type="expand">
        <template slot-scope="scope">
          <el-table :data="scope.row.detailData">
            <el-table-column prop="position" label="职位"></el-table-column>
            <!-- 其他详细列... -->
          </el-table>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      mainTableData: [
        // 主表数据...
      ],
      detailData: [
        // 细节表数据...
      ]
    };
  }
};
</script>

在这个例子中，`el-table`的`expand`属性允许用户点击某一行展开子级表格。每行的数据`detailData`可以是另一个数组，包含了更详细的子项数据。