如何应用 CSS 分页符来打印包含很多行的表格？

Question

我的网页中有一个动态表，有时包含很多行。我知道有 page-break-before 和 page-break-after CSS 属性。我应该将它们放在我的代码中的什么位置，以便在需要时强制分页？

原文由 Mohammad Saberi 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用以下内容：

 <style type="text/css">
   table { page-break-inside:auto }
   tr    { page-break-inside:avoid; page-break-after:auto }
</style>

有关详细信息，请参阅 W3C 的 CSS 打印配置文件 规范。

并参考 Salesforce 开发人员论坛。

原文由 Hemant Metalia 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

无论你想在哪里申请休息，无论是 table 还是 tr ，你都需要为 ex 上课。 page-break 使用如下所述的 CSS：

 /* class works for table row */
table tr.page-break{
  page-break-after:always
}

<tr class="page-break">

/* class works for table */
table.page-break{
  page-break-after:always
}

<table class="page-break">

它会按你的要求工作

或者，您也可以使用 div 相同的结构：

CSS：

 @media all {
 .page-break  { display: none; }
}

@media print {
 .page-break  { display: block; page-break-before: always; }
}

分区：

 <div class="page-break"></div>

原文由 Aditya P Bhatt 发布，翻译遵循 CC BY-SA 3.0 许可协议