javascript pdf table 代

Question

我正在尝试在 javascript 中创建一个 pdf table。我正在使用 jspdf-autotable 库。

这段代码工作正常。行项目数据是硬编码的。创建了 1 header 行和 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 设置为你的正文，它是行数组或者，您可以在 body 数组中添加项目

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

或

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

javascript pdf table 代

javascript pdf table generation

javascript

jspdf-autotable