Javascript 如果需要，如何添加分页符

我有以下代码，其中包含许多本质上是动态的表：

<div>
    <table>
        <tr></tr>
        <tr></tr>
        ...
    </table>  
    <table>
        <tr></tr>
        <tr></tr>
    </table>
 ...more tables
</div> 

...
……还有桌子吗

当我使用JavaScript /jQuery打印div元素时，有些表在中间被剪切。

我试着使用CSS（前后分页符），但随后我将每个表放在单独的页面中

此外，每个用户的桌子高度不同，因此我们无法事先知道桌子的高度

有没有什么方法可以在需要的时候打断页面？只是为了防止分裂？

试试以下规则：

table { 
  display:block; 
  page-break-inside:auto;
}
tr { 
  page-break-inside:avoid; 
  page-break-after:auto; 
}

---

在CSS中添加以下内容：

要求：避免表格/行内出现中断

<style type="text/css">
table tr,table th {
    page-break-inside: avoid;
}    
table {
    page-break-after: auto;
}
</style>

表tr，表th{
内部分页符：避免；
}    
桌子{
后分页符：自动；
}

---

您可以阅读更多内容

我们无法事先知道表的高度

只是想说，您可以使用JavaScript随时获取当前高度。我不知道您是否注意到，但您没有关闭

标记。如果您有

HTML

问题或不确定是否正确，请验证您的

HTML

页面@，如果您编写代码，请更正！谢谢你的回答，但对我不起作用：/你想什么时候休息？什么时候没有呢？如果整张桌子都有位置，所以我不想打断，但是如果没有位置，那么添加一个打断，然后将该桌子放在新页面的开头。所以我可以在一个页面中有4个表，在另一个页面中有1个表，以此类推…表{page break inside:avoid；}