pdfMake动态生成行

pdfMake动态生成行

问题描述:

伙计们,我正在使用pdfMake生成PDF,并且我必须动态生成行.我已经实现了仅生成表的功能,但是我不知道如何动态生成行

guys I am using pdfMake to generate PDF's, and I have to generate rows dynamically. I have achieved this only generating table but I don't know how to generate rows dynamically

我的代码如下:

generateRows(payrolls){
var tempObj = {}
var tempArr = [];
for(var i=0; i<payrolls.length; i++){

   tempArr.push(
     { 
       ID: payrolls[i].wageTypeId, 
       description: payrolls[i].wageType.description,
       amount: payrolls[i].amount,
       unit: payrolls[i].unit,
       total: payrolls[i].total
      }
  );
}
return tempArr;

}

buildTableBody(data, columns) {
    var body = [];

    body.push(columns);

    data.forEach(function(row) {
        var dataRow = [];

        columns.forEach(function(column) {
            dataRow.push(row[column]);
        })

        body.push(dataRow);
    });

    return body;
}

table(data, columns) {
    return {
        table: {
            headerRows: 1,
            body: this.buildTableBody(data, columns)
        }
    };
}

我的代码成功,请尝试

 table(data, columns) {
    return {
      table: {
        headerRows: 1,
        body: this.buildTableBody(data, columns)
      }
    };
  }

generateRows(payrolls){
var tempObj = {}
var tempArr = [];
for(var i=0; i<payrolls.length; i++){

   tempArr.push(
     { 
       ID: payrolls[i].wageTypeId, 
       description: payrolls[i].wageType.description,
       amount: payrolls[i].amount,
       unit: payrolls[i].unit,
       total: payrolls[i].total
      }
  );
var dd = {
          content: [
            { text: 'Dynamic parts', style: 'header' },
            this.table(tempArr, ['ID', 'description', 'amount', 'unit', 'total'])
          ]
        };
}
pdfMake.createPdf(dd).download();
}

在我的代码中截屏工作