1. ホーム
  2. html

[解決済み] テーブルの行の中で改ページしない

2022-11-03 18:08:35

質問

wkhtmltopdfでhtmlをPDFに変換する際、htmlのテーブルの行内で改ページしないようにしたいのです。私はテーブルでページブレーク-inside:avoidを使用して、その作品は、私は非常に多くの行を持っています。 とすると、うまくいかない。 もし trをブロックまたは何か他のものとして設定した場合、それはテーブルの書式を変更する の書式が変更され、二重ボーダーが挿入されます。 また、テーブルが分割された各ページにテーブルヘッダーを挿入することも可能です。

どのように解決するのですか?

CSSで試してみてはいかがでしょうか。

<table class="print-friendly">
 <!-- The rest of your table here -->
</table>

<style>
    table.print-friendly tr td, table.print-friendly tr th {
        page-break-inside: avoid;
    }
</style>

ほとんどのCSSルールは <tr> タグには直接適用されません。 display のスタイルがあり、これらの CSS ルールが使えないからです。しかし <td><th> タグがあり、その中に通常 する で指定することができます。 <tr><td> をCSSで記述します。