How to work around PDFs in react so that if a table doesn't fit in a page, it moves to the next
Currently I'm working on a project where I'm converting HTML to PDF. The issue I've run into is if an element doesn't fit on a page (ex: a table) it gets cut and the remaining part of it is rendered on the next page.
I've used ReactPDF but haven't got it to work since the data I receive is entirely HTML. Currently I've combined HTML2Canvas and JsPDF but the closest i was able to get was to have a single page PDF that displays my data. But I want it to be in separate pages, with tables/images not being cut. So far I don't think there is any straightforward of getting this done and it'll require some hacks to get it to work but I haven't been able to figure it out.
If there is anyone who has worked around this issue before, I'd appreciate some insight on how to proceed with it.
0 Replies