如何在 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>

注意：這種方法可能有一定的限製或缺點，例如標題和標題可能不會對齊身體細胞。根據需要測試和調整 CSS 以適應表格的特定要求非常重要。

以上是如何在 HTML 中設定表格主體 (tbody) 的高度並啟用溢出滾動？的詳細內容。更多資訊請關注PHP中文網其他相關文章！