I am trying to display multiple html tables in vf page using apex:repeat using renderAsPdf. Issue: Some times the HTML table displays inappropriate way at the end of pdf page like below image :

enter image description here

does anyone face this weird issue?

1 Answer 1


Try adding something like this to CSS

table { page-break-after:auto }
tr    { page-break-inside:avoid; page-break-after:auto }
td    { page-break-inside:avoid; page-break-after:auto }
thead { display: table-row-group; }
tfoot { display:table-footer-group }
  • 1
    I already tried that before but did not work, I found another solution for this by using "-fs-table-paginate: paginate" in <table> tag and It worked for me. Oct 11, 2021 at 5:34
  • cool, write it as an answer yourself, so the question can be closed
    – ytiq
    Oct 11, 2021 at 20:27

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.