是否可以使用 pdfmake.js 在 pdf 文件中重复表格行

is it possible repeat rows of table in pdf file with pdfmake.js

本文关键字:表格 文件 pdf 可以使 pdfmake js 是否      更新时间:2023-09-26

是否可以使用 pdfmake.min.js 重复 pdf 中生成的表中的行?我正在创建一个 PDF 文件。其中我需要根据我的 api 响应重复表行,这是一个对象数组。

var dd = {content: [
                    {   
                     table: {
                        body: [
                               [ 'Col1', 'Col2', 'Col3'],
                               [ '1', '2', '3'],
                               [ '1', '2', '3']
                              ]
                            }
                    }
                   ]
         };

这是使用 pdfmake 创建表格的简单方法。我的问题是我们可以使用任何替代方案(如 ng-repeat)在表的行中重复大数据吗?我得到了生成pdf的最佳方法是使用pdfmake。建议我如何重复表格行。

所以我

假设你正在创建你的pdf,如下所示: pdfMake.createPdf(dd).open();

其中dd变量基本上只是一个简单的JavaScript对象。您可以使用数组等任何您想要的方式扩展它,例如:

var
  body = [],
  content = [],
  dd = {
    'content' : content 
  };
body.push(['col1', 'col2', 'col3']);
var secondRow = [];
// Push numbers 0, 1, 2
for (var i = 0; i < 3; i++) {
  secondRow.push("i is:" + i);
}
body.push(secondRow);
// ...
// Manipulate the 'body' any way you want.
// ...
// Lets push the manipulated body into the 'content'
// which is already inside the 'dd'.
content.push({
  'table' : {
    'body' : body
  }
});
// Now with all the manipulated data, create the pdf.
pdfMake.createPdf(dd).open();

所以关键是,要按照你想要的方式操作这个js对象,当你都设置好并完成后,调用createPdf

如果你把我的脚本粘贴到pdfmake-playground中,你就会明白我的意思。