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