我正在尝试打印一个经过修改设计的表格,其中每个表格行都包装在 Bootstrap “col-xs-3”类中,每 4 个“col-xs-3”都包装在“行”类中,如下所示,
问题是当我尝试打印此页面时,它在图像中显示的每个页面中留下了有线的小线。我的 CSS 分页如下 -
.row {
page-break-inside:avoid;
page-break-after:auto;
}
示例 fiddle 链接如下,我该如何解决?提前致谢。
最佳答案
您走在正确的道路上。 您只需要为每第 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 并添加了更多行来模拟更多页面。
关于jquery - 数据表打印问题 - 分页符前的奇怪行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49891736/