如何使 HTML 表格標題在滾動時保持可見？

Barbara Streisand

發布： 2024-12-13 12:14:22

原創

384 人瀏覽過

How to Make HTML Table Headers Stay Visible When Scrolling?

使用包裝Div 在HTML 表格上顯示捲軸

建立HTML 表格時，可能需要顯示滾動條即使表格大小超過其容器，也允許查看表格的內容。

要實現此目的，請換行非靜態定位的

內的表格元素並為其指派一個 Overflow:auto CSS 屬性。這將為表格內容建立一個可捲動區域。

要在滾動時保持表格標題（位於部分）可見，請將它們絕對定位並將它們放在滾動區域的頂部。這可以防止標題被可捲動內容隱藏。

以下是一個包含捲軸和固定標題的範例：

CSS:

HTML:

透過應用此技術，您可以建立一個允許捲動同時保持可見標題的HTML 表格，如如使用者提供的範例所示。

以上是如何使 HTML 表格標題在滾動時保持可見？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

來源：php.cn

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章