web-dev-qa-db-ja.com

Wicked_pdfは改ページを回避します-内部が機能しない

これは、Wicked_pdfを使用してhtml.erbページをpdfに変換したときの結果です。

enter image description here

問題：tableのtrが2ページに分割されているようです。

成功せずに試したこと：

  1. 説明されているようにpage-break-insideを使用します ここ または ここ

table、tr、td、th、tbody、thead、tfoot {page-break-inside：avoid！important; }

  1. 説明されているように、div内にテキストを配置する ここ
  2. ここ

別のオプション：各trを独自のtbodyに配置してから、peage breakcssルールをtbodyに適用します。テーブルは複数のtbodyをサポートします。少し余分なマークアップがありますが、私にとってはまともです。

Ruby on Rails 4.2.6、Wicked_pdf最新バージョン、ブートストラップを使用しています。

関連 githubの問題

質問：table's trを2ページに分割しないようにするにはどうすればよいですか。

wkhtmltopdfwicked-pdfpage-breakpage-break-inside
10
Nhat Dinh

さて、これを解決するには、ユーザーpage-break-inside: avoid !important; divを繰り返すと、このオーバーフローが発生します。

あなたが持っている場合のように：

<div class="main">
    <div class="article">
        ...
  </div>
    <div class="article">
        ...
  </div>
    <div class="article">
        ...
  </div>
  ...
  ...
  ...
</div>

その結果、オーバーフローが発生し、改ページ内のヘッダーとオーバーラップします。

だから>>使用：page-break-inside: avoid !important;このクラスではarticle。

table.report-container div.article {
    page-break-inside: avoid;
}

---> html/cssを使用してページを正しく印刷するための完全な回答は次のとおりです

1
Biskrem Muhammad