We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

React PDF Export Issue: Need to Decrease Column Width to Fit Content on Single Page

I am writing to you regarding the React PDF export file that I have been working on. While I have been successful in exporting the data, I have noticed that the content is not fitting onto a single page.

After analyzing the issue, I have identified that the column width is causing the content to spill over onto the next page. Therefore, I need to decrease the column width in order to ensure that the content fits onto a single page.

Tried using pdfHeaderQueryCellInfo but it did'nt work

Screenshot 2023-02-20 190918.png


1 Reply

VB Vinitha Balasubramanian Syncfusion Team February 22, 2023 05:22 PM UTC

Hi Abdullah,


Greetings from Syncfusion support.


Query: Need to Decrease Column Width to Fit Content on Single Page


We understand that you would like to fit all the columns in a single page for PDF exporting. We have addressed this scenario in our knowledge base article. Please refer to the link below for more information:


KB: https://www.syncfusion.com/kb/9189/how-to-fit-all-columns-in-single-page-for-pdf-exporting


In addition, we have prepared a sample based on the information provided in the knowledge base article. Please use the link below to access the sample:


Sample: https://stackblitz.com/edit/react-hgfrpo-nosrxt?file=index.js,data.js


Documentation: https://ej2.syncfusion.com/react/documentation/grid/pdf-export/pdf-export-options#change-page-orientation

                             https://helpej2.syncfusion.com/react/documentation/api/grid/pdfExportProperties/#pageorientation


Regards,

Vinitha Balasubramanian


Loader.
Live Chat Icon For mobile
Up arrow icon