html - 打印多页 HTML 表格和处理分页符的策略

标签 html css printing

我看过这个similar问题。

(我突出显示了重要的部分,以便更快地略读问题)

不过,要补充一点,我想格式化一个 HTML 表格(有很多行),这样在打印时,它会在每个表格后重复表格标题分页符。换句话说,表格标题在每个打印页面的顶部可见。

我尝试过的一些事情是,在生成 HTML 时,计算行数,然后将空白行放在我期望发生分页符的地方。此时我会放入再次表头。

但是,根据所使用的打印机,分页最终会出现在不同的位置。因为每台打印机的边距设置、字体大小等似乎都略有不同......

当然,这抛弃了预测分页将发生在何处的整个想法。

其他人使用什么策略来打印 HTML 表格/表单同时保持正确的格式?

有什么想法吗?

最佳答案

根据您的 own link ,张贴大卫托马斯回答:

在切线上,可能值得使用以下 css thead {display: table-header-group; 向您的表格添加 } 以便在所有后续页面上打印表头(对于 loooooong 数据表很有用)。 – David Thomas 2009 年 11 月 19 日 14:38

这个解决方案有什么问题?它不符合要求吗?

关于表头组:

表头组(在 HTML 中:THEAD)

类似于“table-row-group”,但对于视觉格式,行组始终显示在所有其他行和行组之前以及任何顶部标题之后。打印用户代理可以在表格跨越的每一页上重复标题行。如果表格包含多个带有“display: table-header-group”的元素,则只有第一个被呈现为标题;其他人被视为具有“显示:表行组”。

关于html - 打印多页 HTML 表格和处理分页符的策略,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3629789/

相关文章:

javascript - Ext.Ux.Printer 打印图像不起作用

html - CSS float 的行为,如果是前一个则先 float 到第一个

javascript - 在 node.js 中使用 api

html - 文章容器扩展以在标准模式下显示所有内容,在怪癖模式下工作正常。只错了一部分

r - 设置data.table `(group, -value.1)`的显示顺序,同时保留key `id`

javascript - Dymo Framework 条形码打印

javascript - 如何在 Linux 操作系统上使用 javaScript、html(执行按钮)、node.js 和 firefox 浏览器执行 Linux shell 命令或脚本?

javascript - 如何在 Json 中发送 HTML 格式的数据

html - 将 SVG 路径数据导入 Raphael.js

html - 缩小时页面主体不会延伸到显示底部