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. Commented Oct 11, 2021 at 5:34
  • cool, write it as an answer yourself, so the question can be closed
    – ytiq
    Commented Oct 11, 2021 at 20:27

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .