javascript 如何使用CSS样式将HTML表格打印或导出为PDF，同时保持页面大小(与设备无关)？

omqzjyyz 于 2023-02-07 发布在 Java

关注(0)|答案(2)|浏览(157)

我正在尝试打印一个HTML和CSS样式的表格（或导出为PDF格式）。
在自己做了一些研究和编程，使用了一些流行的库之后，我遇到了一些问题。
当尝试打印（导出为PDF）时，我希望表格看起来总是相同的（A4页），与使用打印功能的设备无关。
问题是它打印的表与当前屏幕上的完全一样。例如，在小屏幕上，表甚至不适合屏幕，并在某个点被切断（请参见screenshot，其中显示了这种效果）。
另一个问题是，即使table适合屏幕（例如，在笔记本电脑上），它看起来仍然与更大屏幕上的不同，因为它们以不同的方式拉伸以适合A4。
我如何打印或导出为PDF格式（我更喜欢导出为PDF格式），使它在每个设备上看起来都一样，无论屏幕有多大或多小？
顺便说一句，表是用PHP动态生成的，数据来自MySQL表。

JavaScript

来源：https://stackoverflow.com/questions/55940330/how-do-i-print-or-export-an-html-table-as-pdf-with-css-styling-while-keeping-th

2条答案

按热度按时间

pjngdqdw1#

我想你需要看看下面的插件。当然还有很多其他的插件。
你需要在后台用库或其他东西渲染PDF。我用过pd 4 ml，效果很好。你可以创建单独的样式/css/html，然后用你传入的数据导出它们。
看看这个，https://pd4ml.com/php.htm
你也应该看看PhantomJS，但这需要安装额外的软件。
PD 4 ML只是一个可以使用的小型库。

赞(0）回复(0）举报 2023-02-07

z0qdvdin2#

试试这个

<input type = "button" value = "Print" onclick = "window.print()" />

<h1> THIS IS PRINT EXAMPLE: </h1>
<h3> ALL SNIPPET WILL BE PRINTED </h3>

             <input type = "button" value = "Print" onclick = "window.print()" />

这个可能会帮到你

赞(0）回复(0）举报 2023-02-07

我来回答

javascript 如何使用CSS样式将HTML表格打印或导出为PDF，同时保持页面大小(与设备无关)？

2条答案

相关问题

热门标签

最新问答