Export to PDF shift content to left column on second page

[Vikram]

I have tabular data in DIV elements. The data being displayed in table is from rich textbox, so some columns have longer content than other, due to which kendo pdf automatically break the page (which is fine) and remaining content displayed on second page.

The issue is content on 2nd page shift to the left columns since those columns doesn't have any data on second page.

How to make sure kendo respect the columns and keeps the data in same column after page break.

https://angular-kendo-export-pdf-svacsk.stackblitz.io/

 

 

[Vikram]

Update :  added stackblitz 

[Martin]

Hello, Vikram,

Could you please share the code you are using to export the content? 

Regards,
Martin
Progress Telerik

[Vikram]

Hi Martin,

Here is the repo-  https://stackblitz.com/edit/angular-kendo-export-pdf-svacsk?file=app%2Fapp.component.ts

Regards,

Vikram Chavan

[Martin Bechev]

Hi Vikram,

Thank you for the prepared demo.

The PDFExport of vertically aligned elements has some limitations and might lead to undesired side effects when automatic page breaking is involved:

https://www.telerik.com/kendo-angular-ui/components/drawing/limitations-browser-support/#toc-general-behavior

As a workaround set the paperSize to auto, or increase the scale (e.g. [scale]="0.4"). Preferably consider using the Grid and its build-in PDFExport, as it provides a built-in page breaking while persisting the cells content:

https://www.telerik.com/kendo-angular-ui/components/grid/export/pdf-export/

Regards,
Martin
Progress Telerik