CSS 打印表用边框打破内部

如何解决CSS 打印表用边框打破内部

我想在打印时在表格中断中间添加边框，可以吗？我到处搜索，但一无所获。

表 header/footer 或 page-break-inside: avoid; 根本没有帮助，因为表不会破裂并留下如此多的空白空间，如下所示：

所以我希望它仍然可以闯入但每个页面的顶部和底部都有边框，如下所示：

这样的事情：

解决方法

<table class="print-friendly">
    <!-- The rest of your table here -->
</table>

<style>
table.print-friendly tr td,table.print-friendly tr th {
    page-break-inside: avoid;
}
</style>

大多数 CSS 规则并不直接应用于 <tr> 标签，正如您在上面指出的那样 - 它们具有独特的 display 样式，这不允许这些 CSS 规则。但是，它们中的 <td> 和 <th> 标签通常允许这种规范 - 您可以轻松地将此类规则应用于所有 child-<tr>'s 和 <td>' s 使用 CSS，如上所示。

归功于： Troy Alford

---

其他来源：

avoid page break inside row of table

How to avoid splitting an HTML table across pages

How to apply CSS page-break to print a table with lots of rows?

https://www.geeksforgeeks.org/how-to-apply-css-page-break-to-print-a-table-with-lots-of-rows/