有多个el-table怎么设置

如果你有多个 el-table 元素，你可以使用 flex 布局或者 grid 布局来实现它们在父级 div 中自适应高度的设置。

使用 flex 布局的示例代码如下：

<div class="container">
  <div class="table-wrapper">
    <el-table :data="tableData" style="flex: 1;">
      <!-- 表格内容 -->
    </el-table>
  </div>
  <div class="table-wrapper">
    <el-table :data="tableData" style="flex: 1;">
      <!-- 表格内容 -->
    </el-table>
  </div>
</div>

<style>
.container {
  display: flex;
  flex-direction: column;
  height: 400px; /* 设置容器高度 */
}

.table-wrapper {
  flex: 1;
  overflow: auto; /* 添加滚动容器 */
}
</style>

在上面的示例中，父级 div 使用 flex 布局，并将其子元素设置为 `flex: 1`，这样它们会平均分配父级 div 的高度。每个 el-table 元素都放在一个包裹器（table-wrapper）中，这样可以单独控制每个表格的滚动。

如果你希望使用 grid 布局，示例代码如下：

<div class="container">
  <div class="table-wrapper">
    <el-table :data="tableData">
      <!-- 表格内容 -->
    </el-table>
  </div>
  <div class="table-wrapper">
    <el-table :data="tableData">
      <!-- 表格内容 -->
    </el-table>
  </div>
</div>

<style>
.container {
  display: grid;
  grid-template-rows: 1fr 1fr; /* 设置行高为 1fr，平均分配父级 div 的高度 */
  height: 400px; /* 设置容器高度 */
}

.table-wrapper {
  overflow: auto; /* 添加滚动容器 */
}
</style>

在上面的示例中，父级 div 使用 grid 布局，并使用 `grid-template-rows` 属性将行高设置为 `1fr`，这样它们会平均分配父级 div 的高度。

无论你选择使用 flex 布局还是 grid 布局，都可以根据实际情况调整容器的高度和其他样式属性。希望这能满足你的需求！如果还有其他问题，请随时提问。