数据表打印问题 - 分页符前的奇怪行

Question

我正在尝试使用修改后的设计打印 table，其中每个 table 行都包含在 bootstrap "col-xs-3" class 中，每个 4 "col-xs-3" 包裹在 "row" class 中，如下所示，

问题是当我尝试打印此页面时，它在图像中显示的每个页面中留下了有线的小线。我的 CSS 分页如下 -

.row { 
  page-break-inside:avoid; 
  page-break-after:auto; 
}

示例 fiddle 链接如下，我该如何解决这个问题？提前致谢。

Answer 1

你走在正确的道路上。 ~~您只需要为每第 3 行添加一个分页符。~~鉴于从第二页开始可以容纳 4 行而不是 3 行，您可以执行如下操作。我们首先只为第 3 行定义一个规则，然后我们可以定义一个适用于每 4 行 + 3 的规则，以跳过前 3 行。

.row:nth-child(3) {
  page-break-after: always;
}

.row:nth-child(4n + 3) {
  page-break-after: always;
}

我已经用这个更新了 fiddle 并添加了更多的行来模拟更多的页面。

Datatables print issue - weired line before page break