問題タブ [page-break-inside]

iTextSharpを使用してhtml文字列をpdfに出力しています。ネストされたテーブル階層があります。現在のページに収まらない場合は内部テーブルを分割し、新しいページで印刷を開始する必要があります。

私は入れました

親用のすべてのテーブルとすべての子テーブル用。

しかし、私の場合、内部テーブルは壊れていません。

ここに画像があります。

document.add(parentTable) にメインの親テーブルを追加しています。

子テーブルを親テーブルから分離して直接ドキュメントに追加すると、必要に応じてページが壊れることを確認しました。

しかし、ネストされたテーブルの場合、壊れません。

手伝ってくれませんか ？

ありがとう

私は最近、クロムが奇妙な振る舞いをし、CSS ルールに従わないというこの問題に行き詰まりました。

私のページには、印刷中に分割したくない大きなセクションがあります。以下はコードです

Chrome 以外のすべてのブラウザで問題なく動作します。クロムでは、次のようになります

赤いセクションは、分割された div を示しています。

PS: 問題を回避するため、ページをぼかしました。

このフィドルhttps://jsfiddle.net/rpep00dg/7/では、コンテンツの前に Chrome の空の列が追加されます。Firefox または Safari でフィドルを開くと、「ヘッダー」の前に空の列はありません。pこれは、最初の要素がタグのようなブロック レベルの要素である場合に当てはまります。

これはどこかに文書化されている Chrome のバグですか? また、Firefox や Safari のようにレンダリングするための回避策はありますか?

Web アプリケーションの印刷スタイルシートに取り組んでいます。アプリケーションはブートストラップを使用します。すべてのページが印刷可能であるべきであり、できるだけ多くの空白を削除する必要があります。

私の問題には、次の HTML コードが含まれます。

2 列のレイアウトがあり、各列には複数の行があります。列の行間で改ページを有効にする方法はありますか?

列には多くの行が含まれる可能性があり、div 全体が新しいページに移動するのを避けたいと考えています。代わりに、div の行の間に改ページが必要です。

私が直面している主な問題は、通常の HTML テーブルのように行ごとではなく、列ごとに構築されたテーブルがあることだと思います。

事前に印刷された紙でレポート請求書を作成する際に問題があります。請求書の項目が容量を超えると、自動的に残りの項目が 2 ページ目に印刷されます。JavaScriptプログラミング言語を使用しています。誰も解決策を提供できませんか？