CSS を使用した動的表の改ページ
行数が多い表を印刷する場合、読みやすさを維持するために改ページが不可欠になります。 CSS は、このニーズに対応するための改ページ制御プロパティを提供します。
表の改ページ プロパティ
-
page-break-before: 前に改ページを挿入します。指定された要素。
-
page-break-after: ページを挿入します指定された要素の後に改ページします。
-
page-break-inside: 指定された要素内で改ページが許可されるかどうかを決定します。
動的テーブルの改ページの設定
動的テーブルに改ページを適用するには、次の CSS を使用します。コード:
table { page-break-inside:auto }
tr { page-break-inside:avoid; page-break-after:auto }
ログイン後にコピー
説明:
- テーブル要素: 必要に応じて、テーブル内で自動的に改ページできるようにします。
- tr要素: 行内での改ページを防ぎ、行をまとめます。ただし、各行の後に改ページは許可されます。
追加リソース
- [W3C の CSS 印刷プロファイル仕様](https://www.w3.org/TR/ css3-page/)
- [ページ上の Salesforce 開発者フォーラムのディスカッション休憩](https://developer.salesforce.com/forums/?id=906F0000000A20gIAA)
以上がCSS を使用して大規模な動的テーブルの改ページを処理するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。