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。

如果减少格式设置没有足够的空间，我建议您删除不必要的内容。