HTMLで1ページに収まりきらない表をプリントアウトすると、
普通はテーブルのヘッダーは1ページ目にしか表示されません。

行数をカウントして、各ページにヘッダーを表示させることも出来ますが、
用紙設定などによって1ページに収まる行数が異なるので、完璧ではありません。

そんなときには、次のようなスタイルを設定することで各ページに自動でヘッダーが表示されます。

thead {display:table-header-group;}

HTML例

<table>
<thead>
<tr>
<th>表ヘッダー１</th>
<th>表ヘッダー２</th>
<th>表ヘッダー３</th>
</tr>
</thead>
<tbody>
<tr>
<td>値１</td>
<td>値２</td>
<td>値３</td>
</tr>

・・・

<tr>
<td>値１</td>
<td>値２</td>
<td>値３</td>
</tr>
</tbody>
</table>

こんな便利なスタイルがあるとは知りませんでした。

この投稿は 2009 年 10 月 27 日 火曜日 3:16 PM に IT・開発 カテゴリーに公開されました。 この投稿へのコメントは RSS 2.0 フィードで購読することができます。 現在コメント、トラックバックともに受け付けておりません。