javascript - 如何避免 tr 内的分页符？

Question

如何避免内部分页 <tr> ？

(ANGULAR PROJECT) 我有表格(PrimeNG 表格)，我想避免在打印页面后中断。我使用 Chromium/Chrome 浏览器。打印后我得到了这个结果:

那么，如何避免这种情况，或者如何禁用重复 thead ？

我试过这个链接，但不起作用:

How to avoid page break inside table row for wkhtmltopdf

"page-break-inside: avoid "- does not work

avoid page break inside row of table

Answer 1

我也有同样的问题。这个组合帮助了我

@media print {
    html, body {
        width: 210mm;
        height: auto;
    }

    body {
        margin: 10mm 15mm 10mm 15mm; /* margin you want for the content */
    }

    p, img, a, div.image, div{
        page-break-inside: avoid;
    }

    table, thead, tbody, tr, td, th, label, strong{
        page-break-inside: auto;
    }
}