当表格太大时，仅在第二页上打印 CSS 中的表格标题答案

【问题标题】：Print table header in CSS only on second page when table is too big当表格太大时，仅在第二页上打印 CSS 中的表格标题
【发布时间】：2020-11-17 09:40:01
【问题描述】：

我的 html 页面包含几个表格。我实现了一个 print.css 文件以正确打印页面。我桌子上的一个在第一页的末尾被剪掉了（因为内容太大，无法在这个页面上显示）。因此第一页仅包含底部表格的标题，第二页包含所有表格。因此表头重复了两次。

如果可以显示正文的一部分，我希望表格只出现在第一页（如果正文不能在第一页部分显示，带有标题的表格应该在下一页上）。

我尝试了几个 css 规则，但它不能满足我的需要：

table { page-break-inside:auto !important; }
tr    { page-break-inside:avoid !important; page-break-after:auto !important; }
thead { display:table-header-group !important; }
tfoot { display:table-footer-group !important; }

我也试过这个代码，但它在 EDGE 中不起作用：

table {
    overflow: hidden !important; 
    height: auto !important; 
    page-break-after: avoid !important; 
    page-break-before: avoid !important; 
    page-break-inside: avoid !important;
}       
table:last-child {
    page-break-after: auto !important; 
}

当表格无法打印在页面上时，请您帮我避免重复标题（和表格）吗？

提前感谢您的帮助

【问题讨论】：

标签： html css printing

【解决方案1】：

我找到这篇文章并解决了我的问题：

https://medium.com/@Idan_Co/the-ultimate-print-html-template-with-header-footer-568f415f6d2a

【讨论】：