I'm currently tackling a Blazor Server project with a unique requirement: displaying records in a popup and then converting them into a PDF document. However, I've encountered an issue where if the records exceed a single page, the PDF only captures the content that fits on the first page. How can I ensure that all records are displayed properly on the PDF? Could this be related to CSS?
Here's a snippet of the modal code:
<!-- Modal code goes here -->
Check out this screenshot of the modal: https://example.com/modal-screenshot
And here is the print preview for reference: https://example.com/print-preview
Additionally, take a look at the relevant CSS code below:
/* CSS styles go here */
Edit 1
After conducting some research, I made adjustments to the CSS but unfortunately still facing the issue of content being restricted to one page in the PDF:
.rz-data-grid {
height: auto !important;
overflow: visible !important;
page-break-after: always;
}