Javascript 在打印pdf表格和计算时

我有一个表格，在打印时，表格被拆分为多页，但在转到下一页时，我几乎没有计算

因此，当在这里打印时，表格行被分成两页，我想添加剩余的数据来计算这一页中的总数，并将总和结转到下一页，有没有办法识别这个表格

共享html表结构：

    <table
            id="details_report"
            style={{
              fontSize:12,
              borderCollapse: 'collapse',
              border: '1px solid black',
              width: '100%',
              margin: '0px',
            }}
          >
            <thead>
              <tr>
                <td
                  colspan="3"
                >
                 Name of table
                </td>
              </tr>
              <tr style={{ borderTop: '1px solid black' }}>
                <td
                  style={{ paddingLeft: 15, fontWeight: 'bold' }}
                >
                  Note
                </td>
                <td
                  style={{
                    fontWeight: 'bold',
                    paddingLeft: 12,
                  }}
                >
                  PARTICULARS
                </td>
                  <td
                    data-a-h="end"
                    style={{
                      textAlign: 'center',
                      fontWeight: 'bold',
                      paddingRight: 20,
                    }}
                  >
                    As at 31/03/2020
                 </td>
              </tr>
            </thead>
            <tbody>
              {Data &&
                Data.map((el, i) => (
                  <>
                    <tr>
                      <td
                      >
                        {el.note_number}{G_Children[el.detail_number - 1]})
                      </td>
                      <td
                      >
                        <strong>{el.account}</strong>
                      </td>
                      <td/>
                    </tr>

                    {el.children.map((el2, j) => (
                      <>
                        <tr>
                          <td />
                          <td>{el2.account}</td>
                          <td >{el2.total}</td>
                        </tr>
                        {/* after every 5 entry need space */}
                        {el.children.length !== j + 1 &&
                          (j + 1) % 5 === 0 && (
                            <tr style={{ height: 15 }}>
                              <td className="emptytd" colspan="3" />
                            </tr>
                          )}
                      </>
                    ))}

                    <tr>
                      <td colSpan="2"/>
                      <td>{el.total}</td>
                    </tr>
                  </>
                ))}
            </tbody>
          </table>

表名
注
详情
截至2020年3月31日
{数据&&
Data.map（（el，i）=>(
{el.note_number}{G_Children[el.detail_number-1]}）
{el.account}
{el.children.map（（el2，j）=>(
{el2.account}
{el2.total}
{/*每5个条目后需要空格*/}
{el.children.length！==j+1&&
（j+1）%5==0&&(
)}
))}
{el.total}
))}

---

对于Json数据，我附加了一个文件

Hi，后端提供的PDF文件？Hi Nevr，前端本身没有构造PDF，我得到了一个对象数组，我正在构造这个PDF。据我所知，在生成PDF文件时无法检测到分页，只需计算项目或行，比如一个PDF页面中可以放多少行。因此，这将允许您在生成PDF页面之前进行计算。如果你需要的话，我可以详细说明。这将非常有帮助。我被困在这里已经15天了。让我分享所有细节，如果时间允许，请调查一下。没有问题，我会尽力帮助你，直到今天结束