tab页下两个table表格，父子关系

可以使用HTML和CSS来实现父子关系。具体实现方法如下：

HTML代码：

<div class="parent-table">
  <table>
    <!-- table1内容 -->
  </table>
  <table>
    <!-- table2内容 -->
  </table>
</div>

CSS代码：

.parent-table {
  display: flex;
  flex-direction: column;
}

.parent-table table {
  margin-bottom: 20px;
}

通过给父元素 `.parent-table` 设置 `display: flex;` 和 `flex-direction: column;` 属性，将两个子元素 `table` 垂直排列。同时，通过为子元素 `table` 设置 `margin-bottom: 20px;` 属性来为两个表格之间添加间距。

这样，就实现了两个 `table` 表格的父子关系，并让它们在同一个容器中垂直排列。