javascripthtmlcsspdf-generationprintthis

How can i separate or print 2 selectors on different page using printThis?


I just want to print 2 elements but when I do it does not look well. My alternative solution was two buttons per element but it is not good.

I used this library https://github.com/jasonday

Here is the preview

enter image description here

When im going to print/download here is the preview enter image description here

Are there any ways to separate them?

Here is my print code. I got 2 elements. $("#pdf, #pdf2").printThis();


Solution

  • Just add css style "break-after: page;" between the two section/table

    <div> Section </div>
    
    <div style="break-after:page;" ></div>
    
    <div> Section </div>