javascript pdf表格生成

Question

我正在尝试用 JavaScript 创建一个 pdf 表。我正在使用 jspdf-autotable 库。

这段代码工作正常。行项目数据是硬编码的。创建 1 个标题行和 2 行项目，其中包含 3 个单元格

pdf.autoTable({
    startY: finalY + 20,
    head: [['Date', 'Invoice No.', 'Description']],,
    //body: [data.itemrow],
    body: [
                ["Value A", "Value B", "Value C"],
                 ["Value A", "Value B", "Value C"],
            ],

})

现在，我尝试通过执行 body: [data.itemrow] 动态传入行数据我创建一个数组。我愿意

 let itemrow = [];
let item = [];
item[0] = "1";
item[1] = "2";
item[2] = "3";
itemrow.push(item);

问题是，1,2,3 被压缩到第一列中。它不会分散到所有 3 列。你怎么做？稍后我将动态创建这个数组来传入从数据库读取的数据。

Answer 1

您在此处共享的部分代码看起来不错，也许这就是您将行添加到文档的方式

您在此处创建的 item 本身就是一行，因此当您将其添加到 itemrow 数组时，它会创建行数组

因此，您可以将此 itemrow 设置为您的正文，它是行数组或者，您可以在主体数组中添加项目

doc.autoTable({
    startY: finalY + 20,
    head: [['Date', 'Invoice No.', 'Description']],
    body: [
        item
    ],
});

或者

doc.autoTable({
    startY: finalY + 20,
    head: [['Date', 'Invoice No.', 'Description']],
    body: itemrow,
});