CSSのみで幅可変のヘッダ固定テーブルを実装 - Qiita

<table class="table-header-fixed"> <thead> <tr> <th>#</th><th>ヘッダ2</th><th>ヘッダ3</th> </tr> </thead> <tbody> <tr> <td>1</td><td>データ</td><td>データデータデータ</td> </tr> ~~~中略~~~ <tr> <td>12</td><td>データ</td><td>データデータデータ</td> </tr> </tbody> </table> .table-header-fixed { width: 60%; min-width: calc(19em + 17px); /* カラム最小幅合計値+スクロールバーの幅+1px（誤差吸収用） */ height: 300px; overflow-y: scroll; border-collapse: collaps