我想使用 jsPDF 在 PDF 的每一页中显示每个数组数据有可能的？

问题描述

jspdf - “版本”：“2.0.0”

这是我的 HTML 表格

<table id="docketTable" style={{ display: 'none' }}>
        {props.dockets.map((e,i) => (
          <>
            <tr>
              <th>Docket No</th>
              <td>{e.docketNo}</td>
            </tr>
            <tr>
              <th>Project No</th>
              <td>{e.jobSite && e.jobSite.projectNo !== undefined ? e.jobSite.projectNo : 'N/A'}</td>
            </tr>
            <tr>
              <th>Customer</th>
              <td>{e.jobSite ? e.jobSite.customer : 'N/A'}</td>
            </tr>

            <tr>
              <th>JobReference No</th>
              <td>{e.jobSite && e.jobSite.jobReferenceNo !== undefined ? e.jobSite.jobReferenceNo : 'N/A'}</td>
            </tr> 
    </>
    )}
    </table>

这里是生成PDF函数

const generatePDF = async () => {
    var doc = new jsPDF('p','pt','a4');
    setPdfIsInProgress(true);
    const base64UrlObject = await API.downloadFile(props.userData.workspaceId.logoUrl);
    setPdfIsInProgress(false);
    doc.autoTable({
      html: '#docketTable',theme: 'striped',pageBreak: 'auto',rowPageBreak: 'auto',margin: { top: 80 },didDrawPage: function (data) {
        doc.setFontSize(18);
        doc.setTextColor(40);
        doc.addImage(
          base64UrlObject.url,'JPEG',data.settings.margin.left,20,// x
          100,// size x
          40,// size y
        );
        doc.text(props.userData.companyId.name,365,45);
      },})

    doc.save('samplePDF.pdf')
  }

代码的当前结果 - https://prnt.sc/134giqh 我想要的是 - 我想在 PDF 的每一页中显示每个元素数据数组。像这样 - https://prnt.sc/134gmhr

提前致谢:)

解决方法

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

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

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