如何在 HTML PDF 的每一页底部打印一条消息

【问题标题】：How to have a message print out at the bottom of every page of a HTML PDF如何在 HTML PDF 的每一页底部打印一条消息
【发布时间】：2021-08-13 19:36:22
【问题描述】：

我正在开发一个从网站获取数据并将其保存/打印为 pdf 的应用程序。这个 pdf 是用 HTML 和 react-print-component(https://www.npmjs.com/package/react-print-components) 制作的。

我想知道是否有办法在每页的底部打印出特定的消息？

【问题讨论】：

问题是pdf长度不一致。用户可以根据需要向其中一张表中添加任意数量的行。因此页脚并不总是在页面底部

标签： html css reactjs pdf

【解决方案1】：

我建议您首先完全按照您希望 PDF 的外观编写 JSX 组件 - 您显然可以在其底部添加任何内容。之后，我建议您使用@react-pdf/renderer 将您的 JSX 转换为实际的 PDF。如果您在将其实际集成到应用程序时遇到问题，您应该查看react-pdf。

【讨论】：

问题是pdf长度不一致。用户可以根据需要向其中一张表中添加任意数量的行。因此页脚并不总是在页面底部