CSSのみで行・列ヘッダ固定テーブルを実装（Firefox / Chrome / Safari） - Qiita

<table class="sticky_table"> <thead> <tr> <th class="blank">&nbsp;</th> <th>head</th> <th>head</th> <!-- ... --> </tr> <!-- ... --> </thead> <tbody> <tr> <th>left</th> <td>data</td> <td>data</td> <!-- ... --> </tr> <!-- ... --> </tbody> </table> HTMLはシンプルなテーブルの記述です。 ヘッダ固定テーブルを実装するために以下を行います。 tableタグにsticky_tableクラスを付与する。 theadのtrの1列目（固定列と固定行の交差部分）にblankクラスを付与する。

[perl48]

CSSは本当に便利になってきた。

[seapig_dolphin]

“font-size: 0は後述のinline-block要素を横並びにした際に生じる隙間を回避するために指定します。”