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.
Up arrow icon