css - 当 TABLE 跨越多个页面时，如何使第一页上的 TFOOT 显示“继续...”？

Question

在由模板引擎构建的 HTML 文档中，我有一个会计数据表——行数不定，底部有一个“总计”。有时该表会溢出到另一页。当它这样做时，对于用户来说，另一个页面上还有更多数据并不明显，除非他正在寻找总数并且找不到它。

所以，我把总行放在 a 中TFOOT，所以它会打印在每一页上。即使用户错过了一些行项目，他也可以在报告的第一页看到总权利。

我想做的不是打印总数，而是在第一页的底部（TFOOT由浏览器动态插入）打印类似“（接下页）”之类的内容，并打印总计行仅在表格跨越的最后一页上。

是否可以使用 HTML、CSS 或 Javascript 在多页表跨越的每个页面的末尾插入“（续...）”消息？

标签： cssprintinghtml-tabletable-footer

Answer 1

您可以首先创建一个包含您的打印样式的媒体查询并使用content添加“（继续...）”消息。

@media print {
  tfoot::after {
    content: " continued...";
  }
}

当然，困难的部分是在最后一页将其删除。您可以使用Prince来完成此操作。具体来说，检查两次通过解决方案。