javascript pdf table generation

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,
});