Таблица разбивки таблицы HTML при печати

Question

В настоящее время у меня возникают проблемы с таблицей, которую я пытаюсь напечатать, если она имеет более одной страницы, на разрыве страницы, строка таблицы в ней обрезается. Я уже пробовал использовать table { page-break-inside:auto } и tr { page-break-inside:avoid; page-break-after:auto }, но не работал.

Это может быть что-то противоречащее моему css?

Вот Jsfiddle с ним: Jsfiddle link

Answer 1

Изменение CSS для этого

@media print { 

    table.report { page-break-after:auto } 
    table.report tr { page-break-inside:avoid; page-break-after:auto } 
    table.report td { page-break-inside:avoid; page-break-after:auto } 
    table.report thead { display:table-header-group } 
    table.report tfoot { display:table-footer-group } 
} 

, а также удалить все дополнительные

<tbody>...</tbody> 

, вы должны иметь только один

<tbody></tbody> 

и все tr между этим.

, который должен работать на вас.

ref: https://www.w3.org/TR/css-print/