如何建立具有固定標題的可捲動 HTML 表格？

建立可捲動的HTML 表格

在HTML 中，顯示可垂直捲動的表格可以透過以下步驟實現：

1. 將表格包裹在div 中： 建立一個div元素並將其CSS屬性設為具有相對位置和固定高度，以限製表格可用的垂直空間。
2. 將溢位設為自動：將div的溢出屬性設為「自動」以當表格內容超過 div 高度時啟用垂直捲動。
3. 將定位應用於表格標題：如果您想要表格標題(thead) 要在滾動時保持固定，請將thead 元素的位置屬性設置為“絕對”，並使用頂部、左側或右側CSS 屬性定位它們。
4. 為表格列設定固定寬度： 確保表格列具有固定寬度，以防止它們在滾動過程中調整大小。

以下是一個包含這些內容的範例步驟：

<div>

在此範例中，「table-wrapper」div 具有固定高度，並且溢位設定為「auto” ，允許垂直滾動。表格標題 (thead) 具有絕對定位並固定在頂部，而表格主體 (tbody) 包含可捲動資料。

透過執行以下步驟，您可以建立一個保持設定大小的 HTML 表格固定標題，同時允許正文滾動以顯示不同數量的資料。

以上是如何建立具有固定標題的可捲動 HTML 表格？的詳細內容。更多資訊請關注PHP中文網其他相關文章！