在ReactJS中的pdfMake中动态生成行

编程问答 2022-11-09

问题描述

我正在使用pdfMake库生成pdf报告。我希望动态生成行。

我将此对象数组发送到我的pdfMake组件：

0: {date: "2020-07-25T16:44:43.000Z"
description: "Qwerty"
id: 89329972},1: {date: "2020-07-25T16:46:28.000Z"
description: "Place bins please"
id: 65586316},2: {date: "2020-07-25T16:49:12.000Z"
description: "Solve sewerege problem"
id: 84687816},3: {date: "2020-07-26T16:34:47.000Z"
description: "Test compl"
id: 56437370},4: {date: "2020-07-26T16:34:47.000Z"
description: "Test compl"
id: 56437370},5: {date: "2020-07-26T16:34:47.000Z"
description: "Test compl"
id: 56437370},6: {date: "2020-07-27T08:40:34.000Z"
description: "Sewerage problem in my area"
id: 92402221},7: {date: "2020-07-28T11:42:18.000Z"
description: "problem"
id: 25613902},8: {date: "2020-08-09T11:42:18.000Z"
description: "problem"
id: 25613902},9: {date: "2020-08-10T11:42:18.000Z"
description: "problem"
id: 25613902},

它完美地在该组件中接收，但是当我想用此数组设置表的主体时，问题就来了。另外，我只想将每个对象的某些值设置为表的主体。

这是我尝试的代码，但是根本无法正常工作。 reportArrayOfObjects是接收到的对象的数组：

reportArrayOfObjects.forEach(function(sourceRow) {
         let daTarow = [];
    
         daTarow.push(sourceRow.id);
         daTarow.push(sourceRow.type);
        daTarow.push(sourceRow.date);
         daTarow.push(sourceRow.priority);
         daTarow.push(sourceRow.town);
        daTarow.push(sourceRow.supervisorName);
         daTarow.push(sourceRow.statusType)
    
    
        bodyData.push(daTarow)
     });

这就是我试图将其设置在体内的方式：

  const documentDeFinition = {

content: [{
                style: 'tableExample',table: {
                    fontSize: 20,borderTop: true,bold: true,body: bodyData
}}]}

我知道主体可以接受这样的数组数组：bodyData = [[..],[..],[..]]。但是，如何将对象数组转换为数组数组，以便动态生成表？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

arraysarraysdatatablesobjectobjectpdfmakereactjsreactjs