打印时每页上的分页符和表头.打印表 CSS 问题

Question

我正在打印一个表格，但无法找出几个问题：

1. 表格行上的分页符以阻止它在 2 页上打印一半
2. 在顶部的每一页上打印标题部分。

这是演示的链接：

https://jsfiddle.net/DTcHh/18144/

这是代码：

@media print {
   /* doesn't work */
    thead {display: table-header-group !important;}
    tr {page-break-inside: avoid !important;}
}

任何帮助将不胜感激

谢谢

Answer 1

在我们的 CSS

中添加以下 CSS 属性，并在第 2 点尝试

table {
        -fs-table-paginate: paginate;
      }

像这样更改 CSS 属性以避免中断。

  tbody tr {
      page-break-inside: avoid;
   }
  thead tr {
      page-break-inside: avoid;
   }

Answer 2

这对我有用，希望它有帮助：

table tr {
        -webkit-column-break-inside: avoid !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
        display: table; /* this did it*/
    }