分页页面的特定部分

时间:2012-04-27 12:50:29

标签: javascript css asp.net-mvc-3 browser printing

我正在尝试将页面的特定部分带到下一页,将第一页上的其他页面元素保留在第一页上,让我用图解释它

enter image description here

我想将带有tr的{​​{1}}带到下一页并保留页面的其余部分,以便最终打印看起来像

enter image description here

有可能实现吗?或者我必须考虑其他选项,如iText sharp(虽然我不知道我将如何使用它)..请帮我找到一种方法

1 个答案:

答案 0 :(得分:1)

通常你会写下面的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>