Javascript 分页符页面的特定部分

我试图将页面的特定部分转到下一页，在第一页保留该药剂之后的页面元素的其余部分，让我用一个图来解释它

我想把

tr

和

class=nextpage

一起带到下一页，并保持页面的其余部分原样，以便最终打印的内容看起来像

---

有可能实现吗？或者我必须考虑一些其他选项，如ITEXT夏普（虽然我不知道我会怎么用它）。请帮助我找到一种方法

，因此通常您会编写以下CSS以在下一页上获取元素并完成：

.nextPage {
  page-break-before: always;
}

但这只适用于块元素。您可以将

display:block

添加到CSS类中，但这会更改表行的格式。也许最好的做法是将表行中第一个单元格的内容包装到div中，这是一个块元素：

<table>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td><div class="nextPage"></div></td><td></td>
  </tr>
</table>

---

因此，通常情况下，您会编写以下CSS以在下一页上获取元素并完成：

.nextPage {
  page-break-before: always;
}

但这只适用于块元素。您可以将

display:block

添加到CSS类中，但这会更改表行的格式。也许最好的做法是将表行中第一个单元格的内容包装到div中，这是一个块元素：

<table>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td><div class="nextPage"></div></td><td></td>
  </tr>
</table>

@Annie class=

nextPage

的div元素将被转移到下一页，我如何将它们格式化为表格？如果查看示例HTML，可以将元素放入元素中。所以他们仍然在桌子上。只是表格的一部分（以div开头的部分）在打印时现在位于一个新页面上。@Annie没有发生任何事情，

td

将值包装在

div class=“nextPage”>sdasa中，/td>

保持在同一页这是我的视图源代码的要点，它非常混乱，但是你会发现tr和div元素具有class

pagebreakclass

@Annie。class=

nextPage

的div元素将被转移到下一页，然后我如何将它们格式化为表？如果你看示例HTML，可以将元素放在元素中。所以他们仍然在桌子上。只是表格的一部分（以div开头的部分）在打印时现在位于一个新页面上。@Annie没有发生任何事情，

td

将值包装在

div class=“nextPage”>sdasa中，/td>

仍保留在同一页这是我的视图源代码的要点，它相当混乱，但您会发现带有div元素的tr具有类

pagebreakclass