javascript - PDFMAKE:如何重复 'content' 中的数组 [ ] 项

标签 javascript html angularjs arrays pdfmake

我有一个Array within Items 。我想在PDFMake这样的表中重复它们。

table: {
      multiple pages
      headerRows: 2,
      widths: ['auto', 100, 200, 'auto', 'auto', 'auto'],

      body: [
        ['Nr.', 'Name', 'Beschreibung', 'Preis', 'Anzahl', 'MwSt(%)'],
        [bill.billItems[i].itemNumber, bill.billItems[i].name, bill.billItems[i].description, bill.billItems[i].price, bill.billItems[i].quantity, bill.billItems[i].vat],
            ]
   }

它是否给出了像*ngFor这样的简单方法或ngRepeatPDFMake或其他方式如 for(i=0; i<array.length; i++)

最佳答案

您可以在文档定义中使用 JavaScript 变量。 尝试以下操作:

// playground requires you to assign document definition to a variable called dd

var rows = [];
rows.push(['Nr.', 'Name', 'Beschreibung', 'Preis', 'Anzahl', 'MwSt(%)']);

for(var i of [1,2,3,4]) {
    rows.push(['#.'+i, 'xx', 'xx', 'xx', 'xx', 'xx']);
}

var dd = {
    content: {
        table: {
                widths: ['*', 100, 200, '*', '*', '*'],
                body: rows
            }
    }

}

您可以直接将此代码复制/粘贴到pdfmake playground中查看实时渲染的 PDF。

关于javascript - PDFMAKE:如何重复 'content' 中的数组 [ ] 项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43700804/

相关文章:

AngularJS 覆盖了孤立的指令作用域

javascript - ionic 改变位置不起作用

javascript - 无法掉落超过 1 个克隆

javascript - for 循环外的异步变量

javascript - jQuery 查找所有选中的行

html - 为什么删除边框后默认按钮会改变颜色?

css - 网页大小调整中断菜单项

javascript - 单击元素时不会调用单击事件监听器

javascript - background-script和content-script中代码的区别

javascript - 无法从 AngularJS 中的元素计算 offsetHeight