如何解决我想使用 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 举报,一经查实,本站将立刻删除。