Hi everyone,
I’m using Kendo PDF Export in my Angular project, and I’m facing an issue with section titles and their content being split across pages.
In my case, the content is dynamic, so its size can vary a lot. Each section has a title and a block of data (text, tables, etc.), and some sections can span multiple pages depending on the data length.
What I’d like to achieve is that a section title never appears at the bottom of one page while its content starts on the next page. In other words, the section should stay together as much as possible, or at least start on a new page when needed.
I’ve already tried several approaches (page-break-inside: avoid, wrapping sections in <div> containers, adjusting margins, etc.), but none of them have produced consistent results — especially when the section itself is large enough to span more than one page.
Has anyone encountered this issue and found a reliable way to keep section headers and their content together when exporting to PDF with Kendo?
Thanks in advance!