Table is overlapping with the page numbers section and truncating abruptly, when page is ending with a table.
Hi,
I have HTML content, that needs to be convert to pdf. Since Pagedjs providing impressive support for table of contents- target counters, I have chosen this. The library is working fine for texts, images and charts, however, when it faces a table, there are a few issues. Especially, when a page ends with a table. The table is overlapping with the page number section, sometimes even truncating the table abruptly, though I am using
table, tr { break-inside: avoid; }
in my stylesheet
to avoid breaking of tables while page breaking.
I went through the functions in pagedjs, which are related to overflowing and breaking(findOverflow,findBreakToken...) tried to debug and update, still no luck. Can someone help me out, with this, Please?
I am posting the screenshots and the HTML content I am trying to print.
Here is the HTML- demo-patient.html - render this on the browser and check the pages from 14 to 17, you can understand the issue better.
Even if I change table and related elements- tr, td, thead, body to div or p tags, still I see the truncation of data.