テーブル行内のページネーションを回避する方法

Question

HTML を PDF に変換するときに、wkhtmltopdf を介して表の行内でページネーションが行われるのを避けたいと考えています。 tableでpage-break-inside:avoidを使用したところ、機能しましたが、行が多い場合は機能しませんでした。 表示をブロック等に設定している場合、表の書式が変更され二重枠が挿入されます。 または、各ページに表ヘッダーを挿入して、表が分割されたときに表示することもできます。

Answer 1

Webkit ブラウザーでこれを処理するために私が見つけた最良の方法は、各 td 要素内に div を配置し、次のように page-break-inside:avoid スタイルを div に適用することです。 リーリー

Chrome は「page-break-inside:avoid;」属性を認識しないと報告されていますが、これにより、wktohtml を使用して PDF を生成するときに行のコンテンツが改ページによって半分に分割されるのを防ぐことができるようです。 tr 要素はページをわずかに超えて分割される場合がありますが、div およびその内部のものは分割されません。

Answer 2

CSS を使用してみることができます:

リーリー

ほとんどの CSS ルールは、<tr> タグに直接適用できません。これは、上で指摘したように、これらの CSS ルールを許可しない独自の display スタイルがあるためです。ただし、<td> タグと <th> タグでは通常、この仕様が許可されています。上記の例の CSS を使用すると、これらのルールをすべての子に簡単に適用できます ##&lt ;tr> および

。