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

omqzjyyz  于 2023-02-07  发布在  Java
关注(0)|答案(2)|浏览(168)

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

pjngdqdw

pjngdqdw1#

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

z0qdvdin

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()" />

这个可能会帮到你

相关问题