注:- JAVASCRIPT を使用するソリューションを提供しないでください。これは、CSS または HTML のみを使用できるという私の制限であり、他には何も使用できません。
質問があり、あなたの回答と提案が必要です。基本的に、HTML にデータの表形式のリストがあります。この HTML ページを PDF にエクスポートする機能を実装したいと考えています。この HTML ページには、動的コンテンツに基づくデータの表形式のリストが含まれています。これは、データが 50 行または 100 行になる可能性があることを意味します。
ここで、ユーザーがデータを PDF 形式にエクスポートできる機能を提供したいと考えていますが、問題は、このデータを PDF にエクスポートするときに形式を使用したいということです。つまり、すべてのページにヘッダー画像とフッター画像形式を含める必要があります。
さて、次のコードでこのフォーマットを実現できます:--
.page_format{
width:8in;
height:11in;
padding-top:100px;
padding-bottom:100px;
background-image: url (''); /* It is a page image which contains a header and footer */
position:relative;
}
<!-- Code which we will use at HTML body side -->
<div class="page_format">
<!-- code start here for dynamic tables -->
</div>
実際の問題は、すべてのページで動的フォーマットを実現する方法を理解できなかったことです。つまり、テーブルの行が増加すると自動的にページが増加し、すべての行がページにトリミングされるべきではなく、行が分割されるべきではないことを意味します複数のページに。解決策を教えてください。ここでもう一度質問を締めくくります:-
--> HTML ページを、すべてのページにヘッダーとフッターを含むフォーマット済みの PDF 形式でエクスポートする機能が必要です。
--> エクスポートされた PDF は、テーブル行の動的コンテンツに従って自動的にフォーマットされます。
--> 表のデータを切り取ったり、改ページに分割したりしないでください。
テーブル データは動的であるため、コンテンツが増加し、新しいページが開始されると、その新しいページには最初のページ (ヘッダーとフッターを意味します) と同じ書式が含まれている必要があります。現在、ヘッダーとフッターの書式設定は出力 PDF の最初のページに適用されますが、PDF エクスポートのすべてのページには適用されません。
繰り返しますが、使用できるのは CSS または HTML のみです。ここでは他の方法は使用できません。