CSS分页控件，如何避免表行widows（下一页的单行）

Question

我有一个打印不同长度的潜在长动态表。这些表可能跨越多个页面。有时，一行会打印到下一页。出于美学原因，我想避免这种情况。

所以这就是我想要的：

要清楚，我不会问如何避免表格单元格或表格行中的分页符。这很容易。

我（有点）熟悉page-break-after，page-break-before，page-break-inside。我仍然没有完成那件事。

这里有一些小提琴手要证明： https://jsfiddle.net/jobe451/Lxb37ejr/10/

该印花小提琴的原始结果： http://fiddle.jshell.net/jobe451/Lxb37ejr/10/show/

到目前为止，我最好的失败尝试是这个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>

使用这个CSS：

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