wkhtmltopdf losowo dodaje dodatkowe dopełnienie do ostatniego wiersza

Question

Próbuję zrobić PDF kodów QR, ale wkhtmltopdf dodaje losowe dopełnienie w ostatnim wierszu strony, mimo że powinien pasować dobrze. To sprawia, że ​​dobrze w przeglądarce.

Pełny kod jest tutaj: https://jsfiddle.net/pxga201s/2/

Polecenie używam go do renderowania jest:

/usr/local/bin/wkhtmltopdf --margin-bottom 0 --margin-left 0 --margin-right 0 --margin-top 0 'file:///path/to/qrcodes-5-6.pdf.html' '/path/to/qrcodes-5-6.pdf' 

Używam wkhtmltopdf 0.12.3 (with patched qt) na Mac 10.10.5.

Gdy używam:

tr { 
    page-break-inside: avoid; 
    page-break-after: auto; 
} 

wciąż dodaje padding, ale po prostu popycha go do następnej strony:

Answer 1

Jeśli będziesz zawsze mieć w 4 <tr> tabeli można po prostu zrobić page-break-after: always; na <table> bez podziału strony na elementy <tr>.

A jeśli będziesz miał wszystko w jednej tabeli, a następnie można zrobić coś takiego (bez widoku na <table> przerwie):

tr:nth-child(4n+5){ 
    page-break-inside: avoid; 
    page-break-after: always; 
} 

Testowałem oba i to działa dobrze. Nawet przy znacznie większej liczbie stron.

Aktualizacja

Pełna przykładem https://jsfiddle.net/pxga201s/4/