如何避免tr内的分页符?

时间:2018-09-25 11:09:54

标签: javascript html css angular

如何避免在<tr>内部分页?

(语言项目)我有表格(PrimeNG表格),我想避免打印页面后中断。 我使用Chromium / Chrome浏览器。 打印后,我得到以下结果: enter image description here

那么,如何避免这种情况,或如何禁用重复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

2 个答案:

答案 0 :(得分: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;
    }
}

答案 1 :(得分:0)

以下是在Chrome浏览器中可以执行的操作:

  1. 防止表格单元格的内容在分页符之间分割。
  2. 防止表行在每次分页后几行之间有任意垂直间隙。
@media print {
  tr, td {
    break-after: auto;
    break-inside: auto;
    line-height: 1;
  }
}