打印时每页上的分页和表头。打印表css问题

Question

我正在打印一张桌子，无法弄清楚几个问题：

1. 在桌面行上分页以阻止它在2页上打印一半
2. 在顶部的每个页面上打印thead部分。

以下是演示的链接：

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*/
    }