使用 jspdf 将多个表格导出为 PDF

Question

我想要导出到 PDF 的页面上有两个表，我已经成功地将第一个表导出到 pdf，但是我似乎无法让第二个表导出到同一页面。

这是我目前拥有的代码：

var columns = [];
var rows = [];
var columns2 = [];
var rows2 = [];

$(document).ready(function () {
    demoFromHTML();
})

function demoFromHTML() {
$('#exportpdf').click(function () {

    var doc = new jsPDF();
    doc.text(20, 20, 'Name: ' + $('#name').val() + " " + "month: " + $('#month').val());


    $('#dataTbl th').each(function () {
        columns.push({title: $(this).html(), dataKey: $(this).html()});
        console.log(columns);
    })

    $('#dataTbl .repeatingSection').each(function () {
        rows.push({"code1": $('#code1').val(), "code2": $('#code2').val(), "code3": $('#code3').val(), "code4": $('#code4').val(), "code5": $('#code5').val()});
    })

    $("#mytotals th").each(function () {
        columns2.push({ title: $(this).html(), dataKey: $(this).html() })
    })

    rows2.push({ "Total codes": $('#totalinpts').val(), "Total codes for month": $('#month').val() });

    var doc = new jsPDF('p', 'pt');
    doc.autoTable(columns, rows, {
        styles: {fillColor: [100, 255, 255]},
        columnStyles: {
            id: {fillColor: 255}
        },
        margin: {top: 60},
        beforePageContent: function(data) {
            doc.text("Header", 40, 30);
        }
    });

    doc.autoTable(columns2, rows2, {
        styles: { fillColor: [100, 255, 255] },
        columnStyles: {
            id: { fillColor: 255 }
        },
        margin: { top: 60 },
    });

    doc.save('Test.pdf');
})

在代码中，我尝试使用 columns2 和 rows2 数组来添加第二个表，但我似乎无法让它工作。我的两张桌子目前都只是小桌子，所以我希望它们都在同一页面上。我设法通过添加一个新页面来完成这项工作，但它看起来很糟糕。

任何有关这方面的帮助和建议都会很棒。

Answer 1

使用doc.autoTableHtmlToJson 获取表格的列和行

var tbl_res = doc.autoTableHtmlToJson(document.getElementById('table_ID'));        
doc.autoTable(tbl_res.columns, tbl_res.data, options);