在 autotable 之前添加 div 内容

Question

我正在使用这些插件 ** 1) jspdf.plugin.autotable.js 2) jspdf.debug.js **

我正在使用以下代码

var pdf = new jsPDF("p", "pt");
pdf.fromHTML($("#otherdivcontent").get(0), 70, 300, {
width: 500
});
var res = pdf.autoTableHtmlToJson(document.getElementById("table2"));

pdf.autoTable(res.columns, res.data);

pdf.autoPrint();

pdf.save("Report.pdf");

脚本

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script type="text/javascript" src="jspdf.debug.js"></script>
<script type="text/javascript" src="jspdf.plugin.autotable.js"></script>

这是生成的pdf

我想将两个内容合并成一个 pdf...我想要 div 内容在 table 之前...请帮助我调整对齐方式。我想要第二页中的 table... 我该如何解决这个问题..

Answer 1

这是解决方案，

pdf.fromHTML($("#test1").get(0), 30,100, {
            'width': margins.width
            },
            margins);
 pdf.autoTable(data.columns, data.rows, 
        {margin: {top: 80,bottom:50},
        startY:h+20,
        tableWidth: 500,
        styles: {
        overflow: 'linebreak',
        columnWidth: 'wrap',
        // rowHeight:'wra',
        lineWidth: 1
        }});

"h"是div#test1.

的高度

在 autotable 之前添加 div 内容

add div content before autotable

javascript

jspdf

jspdf-autotable