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/