分页后表格行跨度缺少 td textcontent

Question

我试图用 react 和 puppeteer 打印一个表，它工作得很棒，但是当我在行跨度中分页时遇到问题，我表中的第一个 td 包含一些我需要在下一个分页符中显示的数据，但是分页符后第一个 td 的内容什么都没有，表格看起来很适合打印，但我真的需要每个分页符中的 td 文本内容。

正如您在第一页中看到的，第一个 td 包含“1”。

但是，在下一页中，第一个 td 没有显示 texcontent。

有什么办法可以实现吗？

提前致谢！

Answer 1

你可以试试这个代码：

var body = []
for (var i = 0; i < bodyData.length; i++) {
    var row = []
    for (var key in bodyData[i]) {
      row.push(bodyData[i][key])
    }
    if(i % 2 === 0){
        
        row.unshift({
            rowSpan: 2,
            content: i / 2 + 1,
            styles: { valign: 'middle', halign: 'center' },
          })
    }
    if (i % 2 !== 0) {
        row.unshift({
            colSpan: 11,
            //rowSpan: 2,
            content: "ColName:     " + bodyData[i].data,
            styles: { valign: 'middle', halign: 'left' },
        })
    }
   
    body.push(row)
}

bodyData = body;