JavaScript：使用动态表格和多列多行打印为 PDF答案

【问题标题】：JavaScript: Print as PDF with dynamic table and multiple columns and rowsJavaScript：使用动态表格和多列多行打印为 PDF
【发布时间】：2019-03-13 01:52:48
【问题描述】：

我有一个包含多列且依赖数据的动态表，将添加该列。

屏幕截图表标题。

屏幕截图打印输出。

我正在使用此代码。

$("input[id='printData']").on("click", function () {
    var restorepage = document.body.innerHTML;
    var printcontent = document.getElementById("dvContainer").innerHTML;
    document.body.innerHTML = printcontent;
    window.print();
    document.body.innerHTML = restorepage;
});

问题：

如何全宽打印表格并获取所有列？

想法是将字体大小转换为适合和表格大小，但不知道如何在打印方法中执行。有什么建议解决这个问题的最佳方法是什么？

【问题讨论】：

你试过更大的纸吗？
是的，我也尝试过风景。

标签： javascript jquery html css printing

【解决方案1】：

撇开更大的纸笑话不谈，如果您的内容不适合纸张，它就不适合。

您可以通过删除填充、边距、边框、字体大小以及最重要的内容本身来减小内容大小。

使用媒体查询来设置打印格式的样式，您可以在 StackOverflow 上找到很多帖子，例如 this 和 this。

如果减少格式没有给你足够的空间，我建议删除非必要的内容。

【讨论】：