如何在打印预览中避免表格中断？

Question

我知道有很多问题和许多答案。对于不同的浏览器，每个人都有不同的解决方案。 我已尝试过以下网址中的许多解决方案。但似乎没有任何效果。
我的输出如下： 我该如何避免这种情况？ 我不想弄乱桌子结构。 使用handlebars.js动态填充此表数据。
我遵循的链接： Link-1 Link-2 Link-3
.page-break是一个div类，我在每个部分后添加，并且工作正常。

.Acc_Table是一个表类，它显示在输出图像中，从SEARS / CBSD行开始，以支付历史记录行结束。
我怎么解决这个问题？
是否可以在分页符之前关闭表，放入分页符，并在分页符后重新打开表？ 或者我希望在下一页显示表格时才会破坏它？ 我怎样才能做到这一点？

Answer 1

您是否检查过该表或是否有一个包含它的div具有display: inline-block;或display: inline; CSS属性？ 我发现当我调试一些打印问题的代码时，如果表是内联的，你会得到这种效果。尝试放置适用于我的display: block或display: static