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

标签 javascript html css

我正在尝试打印 HTML 和 CSS 样式的表格(或将其导出为 PDF)。

在我自己做了一些研究和编程并使用了一些流行的库之后,我遇到了一些问题。

尝试打印(导出为 PDF)时,我希望表格始终看起来相同(A4 纸),而与使用打印功能的设备无关。

问题在于它打印的表格与当前屏幕上的表格完全一样。例如,在小屏幕上,表格甚至不适合屏幕,并在某些时候被 chop (参见显示此效果的 screenshot)。

另一个问题是,即使表格适合屏幕(例如,在笔记本电脑上),它看起来仍然与大屏幕上的不同,因为它们以不同的方式拉伸(stretch)以适应 A4。

如何将其打印或导出为 PDF(我更愿意将其导出为 PDF)以便无论屏幕大小如何,它在每台设备上看起来都一样?

顺便说一句,该表是使用 PHP 使用 MySQL 表中的数据动态生成的。

最佳答案

认为你需要看看下面的插件。 当然还有许多其他存在。

您需要在后端使用库或其他东西呈现 pdf。 我用过 pd4ml,它很好。您可以创建单独的样式/css/html 并将它们与您传入的数据一起导出。

看看这个, https://pd4ml.com/php.htm

您还应该看看 PhantomJS,但这需要安装额外的软件。

PD4ML只是一个可以使用的小库。

关于javascript - 如何使用 CSS 样式将 HTML 表格打印或导出为 PDF,同时保持页面大小(与设备无关)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55940330/

相关文章:

javascript - 缩小 90%、67%、33% 时,文本输入会出现间隙

javascript - 由于外部库,Webpack 构建速度非常慢

javascript - FB之类的按钮edge.create事件在登录后不会触发

javascript - 在 Quill.js 中听按键输入

javascript - div 的左侧元素为空字符串

javascript - 如何在div内圆 Angular 图像

php - Wordpress - 二十四主题 - 将特色内容 slider 移动到内容区域

css - 如何更改下图中 "expand-more"图标的颜色(Materialize 框架)?

html - 如何修复 Windows Safari 5.1.7 中的 flexbox ?

javascript - 如何将div背景设置为 Canvas