根据用户选择的纸张大小打印适合大小的html表格

Printitng a html table that fit size according to user selected the paper size

本文关键字:表格 html 张大小 用户 选择 打印      更新时间:2023-09-26

我有一个html表格,并在网页上给出了一个打印选项,默认情况下用户可以在A4上打印。 当用户单击打印时,我使用 JavaScript 打印函数打印它并且它工作得很好,结果是一个适合 A4 全尺寸页面的表格,但现在我的用户想要当他们在属性中更改纸张大小时, 从 A4 到 A3,同一个表格成为方向 横向和表格,行,列大小要调整到适合A3工作表的整个页面

的位置

使用 PDF。它是专门为此而设计的。

Javascipt 和 CSS 不允许您控制页面方向和页边距,因此您永远无法保证最终会打印的内容。您可以为特定的浏览器版本创建解决方案,并告诉用户删除边距等,但这几乎不是一个通用的解决方案,即便如此,您仍然依赖于打印机的驱动程序怪癖。

只需使用百分比宽度而不是像素来格式化表格。此外,如果您想为打印设置不同的样式(即白色背景),只需使用<style type="text/css" media="print">...</style>