JavaScript:打印为具有动态表格和多列多行的 PDF

Question

我有一个包含多列和动态的表，该表取决于数据，将添加该列。

屏幕截图表格标题。

屏幕截图打印输出。

我正在使用的这段代码。

$("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;
});

问题:

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

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

Answer 1

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

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

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

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