如何在保持標題固定的情況下為 HTML 表格新增捲軸？

在HTML 表格上顯示捲軸

要在HTML 表格上顯示捲軸，請考慮以下方法：

要在HTML 表格上顯示捲軸>將桌子包裹在一個定位的位置Div

將表格包含在具有相對或絕對位置的 div 元素中。此 div 將充當可捲動區域的容器。

在 Div 上將「溢位」設定為「自動」

套用 CSS屬性溢位：自動到容器div。當表格超出其邊界時，這允許內容溢出。

#table-container { Overflow: auto; }

絕對定位表格標題

要在捲動時保持表格標題固定，請絕對定位標題元素。

#table-header {position ：絕對; }

設定容器高度

指定容器div的高度以定義可滾動區域。

#table-container { height: 400 像素； }

範例實作

<div>
<pre class="brush:php;toolbar:false">#table-container {
  height: 400px;
  overflow: auto;
}

#table-header {
  position: absolute;
}

此方法此方法，同時保持表頭固定在頂部。