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

因此,我将总计行放在TFOOT中,以便将其打印在每一页上。即使用户错过了某些订单项,他也可以在报告的第一页上看到总计。

我想做的而不是打印总数是在第一页底部(浏览器动态插入TFOOT的位置)打印类似“(下一页续)”的内容,并具有总计行仅在表格所覆盖的最后一页上打印。

是否可以使用HTML,CSS或Javascript在跨多页表的每一页末尾插入“(续...)”消息?

最佳答案

您可以先创建一个包含您的打印样式的媒体查询,然后使用content添加“(续...)”消息。

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

当然,困难的部分是在最后一页上将其删除。您可以使用Prince完成此操作。具体来说,检查Two-Pass Solution

10-05 21:06
查看更多