使用pdfmake生成PDF遍历数组时报错Cannot read properties of undefined
问题原因
pdfmake的表格body要求传入二维数组,规则如下:
- 外层数组的每一项对应表格的一行
- 每个行对应的子数组的每一项对应该行的一个单元格,所有行的单元格数量必须和表头列数保持一致
你当前使用flatMap处理activities数组的逻辑会把所有数据项的内容压平为单个一维数组,作为表格的第二行:
- 当
activities只有1条数据时,压平后得到长度为2的数组,刚好匹配2列表头,不会报错 - 当
activities数据超过1条时,压平后的数组长度为2*N,远大于表头列数,pdfmake在计算单元格宽度时就会抛出_calcWidth相关错误。
解决方案
直接将activities的每一项作为单独的行插入到表头后方即可,修改第二个表格的body配置:
{ style: 'tableExample', table: { body: [ [{ text: 'Adet', style: 'subheader' }, { text: 'Barkod No', style: 'subheader' }], // 用扩展运算符展开activities,每个子数组对应一行数据 ...activities ] } }
如果需要调整单元格的展示顺序(比如将数字放在第一列对应「Adet」表头),可以先对activities做一次map处理:
...activities.map(item => [item[1], item[0]])
内容的提问来源于stack exchange,提问作者Aycan Yerdelen
相关产品推荐
相关产品推荐

