从大于单页的动态创建的表 (div) 创建多页 PDF

Question

我正在使用 php 和 mysql 将表动态创建到包含 div 中，然后使用jsPDF 打印它。在表格超过一页之前，一切都很好。然后我得到的只是第一页。我已经花费了数周、数小时的阅读、尝试和测试，但无法让它打印超过第一页。

这是我所拥有的：

<!-- jsPDF Scripts -->
<script src="//mrrio.github.io/jsPDF/dist/jspdf.debug.js"></script>
<script src="//html2canvas.hertzen.com/build/html2canvas.js"></script>

$(document).ready(function() {

        $("#pdfDiv").click(function() {

            var pdf = new jsPDF('p','pt','letter');


            pdf.addHTML($('#rentalListCan').first(), function() {
                pdf.save("rentals.pdf");
            });
        });
    });

我尝试过直接打印页面，但格式不成立。

我已经尝试使用 @page 和 page-break-inside: auto 的 css，但它不会创建分页符。感谢您的帮助。

Answer 1

为了解决您的问题，我知道有两种方法 -

1. 为要拆分的页面提供选项

   选项 = { 分页：真 };

   然后——

   pdf.addHTML($('#someDiv'), marginX,  marginY, options, function() {
       pdf.save("doc.pdf");
   });
   

请注意，这可能会严重拆分您的表格（尝试一下，您会看到）- 您可以做的一件事是在将页面打印为 pdf 之前在拆分的行之间添加空格。 发生这种情况是因为 fromHTML() 将表格转换为画布，然后根据 pdf 的页面大小拆分画布。

1. 使用这样的插件 - https://github.com/Prashanth-Nelli/jsPdfTablePlugin

但是这里还不支持自定义表格的样式。但是您可以自定义字体和颜色。如果您的表格足够简单，那么它是一个很棒且易于使用的插件。

希望这会有所帮助！