javascript - 分页符页面的特定部分

Question

我正在尝试将页面的特定部分移至下一页，同时将其余页面元素保留在第一页的该部分之后，让我用图解释一下

我想将带有 class=nextpage 的 tr 带到下一页并保持页面的其余部分不变，以便最终打印看起来像

有可能实现吗？或者我是否必须考虑其他一些选项，如 iText sharp(虽然我也不知道我将如何使用它)..请帮我想办法

Answer 1

因此通常您会编写以下 CSS 来获取下一页上的元素并完成:

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

但这只适用于 block 元素。您可以将 display:block 添加到您的 CSS 类，但这会改变表格行的格式。也许最好的办法是将表格行中第一个单元格的内容包装在一个 div 中，这是一个 block 元素:

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