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

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

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

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

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

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

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

CSS:

HTML:

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

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