Html CSS分页符控件，如何避免表行窗口（下一页的单行）

我有一个打印不同长度的可能很长的动态表格的方法。这些表格可能跨越多个页面。有时，一行打印到下一页。出于美学原因，我想避免这样做

所以我想要：

为了清楚起见，我并没有询问如何避免在表单元格或表行中出现分页符。这很容易

我（有些）熟悉后分页符、前分页符、内分页符。但我还是没有做到

这里有一些小提琴手来演示：

该小提琴手打印的原始结果：

迄今为止，我最失败的尝试是以下HTML：

      <tr class="row">
          <td class="colLeft">left</td><td class="colRight">right</td>
      </tr>
      <tr class="row afterAvoid">
          <td class="colLeft">left</td><td class="colRight">right</td>
      </tr>
      <tr class="row afterAvoid beforeAvoid">
          <td class="colLeft">left</td><td class="colRight">right</td>
      </tr>
      <tr class="row afterAvoid beforeAvoid">
          <td class="colLeft afterAvoid">left</td><td class="colRight afterAvoid">right</td>
      </tr>
      <tr class="row beforeAvoid">
          <td class="colLeft beforeAvoid">left</td><td class="colRight beforeAvoid">right</td>
      </tr>
  </table>
</body>

---

哪个浏览器？在最新的Chrome操作系统X上看不到这个漏洞。但它的工作原理与你的截图不一样。你可以尝试检测它，分页符是否会切掉一行，然后在几行之前插入一个分页符，这样2-3行就会被切掉，看起来也不会那么糟糕…@SergeyDenisov我在Windows 7和Ubuntu上使用Chrome 44。两者都有相同的问题。我上面提供的结果链接有时有问题。有时Fiddler会在其上添加一个顶部菜单，并将内容放入iframe中。在这种情况下，打印预览无法正常工作。我必须打开链接，有时在几个标签几次。。。对不起，我不知道如何做得更好。@Developer\u ACE我想我无法计算分页符将在哪里。在我实际的生活问题中，我有一个不同的长度相当复杂的内容在那张表之前。我无法预测桌子会从哪页开始。好吧。。。只是个主意。你也可以强制分页符。。。。

body {
    widows: 3;
    orphans: 3;
}
.afterAvoid {
    page-break-after: avoid;
}
.beforeAvoid {
    page-break-before: avoid;
}