如何在 HTML 中设置表格主体 (tbody) 的高度并启用溢出滚动？

使用溢出滚动设置表格主体高度

使用 HTML 表格时遇到的一个常见问题是无法设置表格的高度body (tbody)，同时启用溢出滚动。这可能会导致表格数据被切断或未按预期显示。

要解决此问题，需要调整 tbody 和包含表格的 CSS 属性：

1。 tbody样式：

• 设置显示：块；删除默认的表格网格布局，允许 tbody 表现得像块级元素。
• 使用 height 指定 tbody 所需的高度。
• 通过设置 Overflow:scroll; 启用溢出； .

2.表格样式：

• 设置溢出：隐藏；防止内容溢出到表格之外。
• 使用 table-layout:fixed;确保列宽均匀分布。

3.容器表格：

在某些情况下，可能需要将表格包装在容器 div 内，并将 div 的 Overflow-y 设置为滚动以启用垂直滚动。

通过以下方式通过这些步骤，您可以有效地设置 tbody 的高度，同时保持溢出滚动，从而允许您显示表格数据而不会被切断或

代码示例：

<style>
  tbody {
    display: block;
    height: 50px;
    overflow: scroll;
  }

  table {
    table-layout: fixed;
    overflow: hidden;
  }

  #table-container {
    overflow-y: scroll;
  }
</style>

<div><p><strong>注意：</strong>这种方法可能有一定的限制或缺点，例如标题和标题可能不对齐身体细胞。根据需要测试和调整 CSS 以适应表格的特定要求非常重要。</p></div>

以上是如何在 HTML 中设置表格主体 (tbody) 的高度并启用溢出滚动？的详细内容。更多信息请关注PHP中文网其他相关文章！