本文をスクロールしているときに HTML テーブルのヘッダーを表示し続けるにはどうすればよいですか?

HTML テーブルにスクロール バーを表示する方法

HTML テーブルを作成するとき、テーブルのコンテンツがスクロールしてもヘッダーを表示したままにする必要がある場合があります。

これを実現するには、overflow:auto CSS プロパティを持つ非静的に配置された div でテーブルをラップします。次に、以下に示すように、テーブルの見出しに要素を絶対に配置します。

#table-wrapper {
  position:relative;
}
#table-scroll {
  height:150px;
  overflow:auto;  
  margin-top:20px;
}
#table-wrapper table {
  width:100%;
}
#table-wrapper table * {
  background:yellow;
  color:black;
}
#table-wrapper table thead th .text {
  position:absolute;   
  top:-20px;
  z-index:2;
  height:20px;
  width:35%;
  border:1px solid red;
}

<div>

これにより、指定された URL の方法 2 と同様に、固定ヘッダーとスクロールする本文を持つテーブルが作成されます。

以上が本文をスクロールしているときに HTML テーブルのヘッダーを表示し続けるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。