制表符将多个表格合并到一个 pdf 中

Question

我正在使用 http://tabulator.info/ 在单个 HTML 文档页面上生成多个 table。

当我通过按钮触发 pdf 下载时，应该会生成一个 pdf 文档，其中包含文档中的 tables。到目前为止，下载单个 table 是可行的，但我不知道如何在 jsPDF 完成之前向文档添加更多 table。

到目前为止，我已经尝试过在触发 table1 的下载时，我在 documentProcessing 函数中抓取了 lastTable1 = doc.lastAutoTable 对象。计划是将其传递到 table2.download() 并通过 autoTable: function(doc){doc.autoTable(lastTable1)} 添加它。

虽然我确实用这种方法抓取了一个对象，但我不能用它来重建 autotable 对象（例如，doc.autoTable(lastTable1) 不会再次产生相同的 table）。

我准备了一个简单的 jsfiddle，我在其中生成了两个 table 和一个下载按钮。只是为了说明 autotable 对象的重建不起作用，我在创建 pdf 之前再次将它添加到 doc。

Answer 1

制表符没有内置的方法来执行此操作。

但好消息是添加一些东西来自己处理这个应该很容易。

This Issue 展示了如何使用 jsPDF 将 PDF 合并到同一文档中。

您可以使用 tabulator 内置的 downloadReady 回调来拦截从每个 table 创建的 PDF 文件，然后合并他们使用上述问题中概述的方法

var table = new Tabulator("#example-table", {
    downloadReady:function(fileContents, blob){
        //fileContents - the unencoded contents of the file
        //blob - the blob object for the download

        mergeWithPreviousPDFs(blob); // call a function based on the previous issue that merges the new PDF with the previous PDF's

        return blob; //must return a blob to proceed with the download, return false to abort download
    }
});

如果你从这个回调中 return false 将不会触发下载，因此你可以拦截 PDF 输出除了最后一个 table 以防止下载，然后 return 最后一个 table 的组合输出触发下载。

制表符将多个表格合并到一个 pdf 中

Tabulator combine multiple tables in a single pdf

javascript

jspdf

jspdf-autotable

tabulator