html中table自适应屏幕高度

在 HTML 中，可以使用如下代码来实现表格自适应屏幕高度：

<style>
table {
  height: 100%;
  width: 100%;
  table-layout: fixed;
}
tbody {
  display: block;
  height: calc(100% - 1em);
  overflow-y: scroll;
}
</style>

<table>
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>内容1</td>
      <td>内容2</td>
    </tr>
    <tr>
      <td>内容3</td>
      <td>内容4</td>
    </tr>
    <!-- 其他行省略 -->
  </tbody>
</table>

首先，我们使用 CSS 中的 `height` 和 `width` 属性将表格宽度和高度设置为 100%。接着，使用 `table-layout: fixed;` 属性来让表格根据容器自适应宽度。这样，表格的宽度就可以根据屏幕大小自动适应。

接下来，我们为表格中的 tbody 标签设置 `display: block;` 属性，使其可以像块级元素一样显示。然后，使用 `height: calc(100% - 1em);` 将 tbody 的高度设置为屏幕高度减去 1em 的高度（em 是相对于字体大小设置的单位，1em 等于当前字体大小的值），这样就可以使 tbody 的高度自适应屏幕。最后，使用 `overflow-y: scroll;` 将 tbody 设置为纵向滚动。

这样，就可以实现表格自适应屏幕高度的效果。如果需要表格自动调整高度，请将tbody属性的overflow-y:scroll改为overflow-y: auto。