ヘッダを固定してスクロールする方法 | CSS解説

対象とするテーブルではヘッダ部をthead要素内に記述し、ボディ部と分離しておきます。 <table> <thead> <tr> <th>A</th> <th>B</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>1</td> </tr> </tbody> </table> theadとtbodyをブロック要素とし、tbodyのoverflowをscrollとします。 <style type="text/css"> thead, tbody { display: block; } tbody { overflow-x: hidden; overflow-y: scroll; height: 100px; } </style> このoverflowをautoとした場合、Internet ExplorerやFirefoxではスクロールバーが右端のセ

[takets]

IE11で<table>タグのヘッダ固定する方法

[kuniya-kataoka]

ヘッダを固定してスクロール