Javascript 是否可以在react with jsPDF中从动态创建的表创建pdf?
我的应用程序向特定位置附近的客户提供报价。我根据搜索条件生成一个报价表。我想创建一个pdf文档,然后将其报价发送给客户。我已经涉猎了一点jsPDF,但是在动态创建html时,似乎没有办法创建pdf。我想,如果我将表包装在一个div中,我就可以通过id获取元素,但我不断得到一个错误,即“name”未定义。任何建议都会很棒!谢谢 下面是如何在react中生成表的示例Javascript 是否可以在react with jsPDF中从动态创建的表创建pdf?,javascript,node.js,reactjs,jspdf,Javascript,Node.js,Reactjs,Jspdf,我的应用程序向特定位置附近的客户提供报价。我根据搜索条件生成一个报价表。我想创建一个pdf文档,然后将其报价发送给客户。我已经涉猎了一点jsPDF,但是在动态创建html时,似乎没有办法创建pdf。我想,如果我将表包装在一个div中,我就可以通过id获取元素,但我不断得到一个错误,即“name”未定义。任何建议都会很棒!谢谢 下面是如何在react中生成表的示例 var renderlist = []; for(var i = 0; i < storelist.length; i++)
var renderlist = [];
for(var i = 0; i < storelist.length; i++){
renderlist.push(
<tr>
<td>{somestoreinfo}</td>
</tr>
)
}
renderTable(){
<div id="tabletorender">
<tbody>
{renderlist}
</tbody>
</div>
}
这不是完整的代码,因为实际代码只有几千行,但这只是一个示例
编辑:“somestoreinfo”包括报价和门店位置等。您是否也可以共享使用jsPDF的代码集?@GauthamK抱歉,刚刚更新了我的答案。您是否可以使用var source=document.getElementById('pdf');检查?我也有同样的问题。表示无法读取未定义的属性“名称”。
render(){
return(
<div id="pdf">
{this.renderTable.bind(this)}
</div>
<button onClick={this.exportPDF.bind(this)}> Export PDF <button>
);
}
exportPDF(){
var doc = new jsPDF();
var source = document.getElementById('pdf').innerHTML
doc.fromHTML(source, 15, 15);
doc.save('a4.pdf');
}