javascript – jQuery / CSS：如何动态添加分页符

我有一个HTML页面,其中包含一个表格大表,用户可以动态删除,移动和添加行.

打印表单时,页面上的行不应超过25行,以防止字体变小,并避免出现其他布局问题.
因此,我想在每25行后动态添加分页符.

我在CSS方面遇到的唯一问题是分页后跟风格,然后可能会与动态添加的div一起使用(例如< div class =“page-break”>< / div>)但是我我不确定这里的正确做法.

在jQuery端,以下应该给我表中的当前行数：

$(this).closest('table').find('tbody > tr').length

此外,我实际上不需要创建一个真正的新页面,只是想重新添加表头,以便每个打印页面以相同的thead开头,然后最多包含25行.

有人可以帮我分享这样的链接或示例,或者如果根本不可能,你能告诉我吗？

提前谢谢了,
麦克风

解决方法:

你在使用THEAD和TFOOT标签吗？
这正是这些标签的用途:)

Documentation：

Table rows may be grouped into a head, foot, and body sections, (via the THEAD, TFOOT and TBODY elements, respectively). Row groups convey additional structural information and may be rendered by user agents in ways that emphasize this structure. User agents may exploit the head/body/foot division to support scrolling of body sections independently of the head and foot sections. When long tables are printed, the head and foot information may be repeated on each page that contains table data.

标签：javascript,jquery,css,page-break
来源： https://codeday.me/bug/20190727/1558411.html