CSS を使用して印刷するときに、各ページで表のヘッダーを繰り返すにはどうすればよいですか?

CSS 印刷モードでのテーブル ヘッダーの繰り返し

質問:

CSS は次の目的で使用できますか?表が複数にまたがる場合、表のヘッダー (th) が印刷されるすべてのページで繰り返されるようにします。ページ?

答え:

はい、THEAD 要素を使用すると可能です。

説明:

THEAD 要素は、この目的のために特別に設計されています。 @page プロパティとともに使用すると、表が 1 ページを超えている場合でも、印刷ドキュメントのすべてのページで表ヘッダーを繰り返すことができます。

CSS コード:

THEAD 要素を使用してテーブル ヘッダーを繰り返すには、次の手順に従います。

1. 別の THEAD 要素を作成するテーブル ヘッダー (th) を含めます。
2. テーブル ヘッダーの開始行と終了行を THEAD 要素で囲みます。
3. CSS の @page プロパティ内に次のコードを追加します。

@page {
  @top-left {
    content: element(thead);
  }
}

このコードは、テーブルが次の場合にすべてのページで THEAD 要素を自動的に繰り返すようにブラウザーに指示します。

リファレンス:

THEAD 要素と印刷モードでの使用の詳細については、次の公式ドキュメントを参照してください:

[ CSS THEAD 要素](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead)

以上がCSS を使用して印刷するときに、各ページで表のヘッダーを繰り返すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。