スクロールすると、それぞれ色のついた見出し部分が順に固定されていきます。 列・行(横1列・縦1列)両方の固定化 このパターンでは縦をスクロールすると見出し列が固定され、横スクロールすると左の見出し行が固定されます。 わかりやすくするため、表示枠を固定(iframeで固定)し、縦横にスクロールバーを付けています。 htmlソース <table class="st-tbl1"> <thead> <tr> <th>見出し</th> <th>見出し</th> <th>見出し</th> <th>見出し</th> <th>見出し</th> <th>見出し</th> <th>見出し</th> <th>見出し</th> <th>見出し</th> <th>見出し</th> </tr> </thead> <tbody> <tr> <th>縦軸</th> <td>データ</td> <td>データ</td> <t
![テーブルtableタグのヘッダー行・列(thタグ)を固定する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/cb203d95f52ac9639d99970e5f889093055ccde1/height=288;version=1;width=512/https%3A%2F%2Flpeg.info%2Fimages%2Fth-sticky_img1.png)