在自动表之前添加div内容

时间:2018-10-05 11:29:42

标签: javascript jspdf jspdf-autotable

Iam使用theese插件 ** 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 generated pdf

我想将两个内容合并为一个pdf ...并且我希望在表格之前使用div内容....请帮助我调整对齐方式。我想要第二页的表格... 我该如何解决呢?

1 个答案:

答案 0 :(得分: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的高度。