要解决Angular 6中使用jsPDF和autotable生成PDF的问题,您可以按照以下步骤操作:
npm install jspdf --save
npm install jspdf-autotable --save
import * as jsPDF from 'jspdf';
import 'jspdf-autotable';
generatePDF()
:generatePDF() {
const doc = new jsPDF();
doc.autoTable({ html: '#my-table' });
doc.save('table.pdf');
}
上述代码创建了一个新的jsPDF
实例,然后使用autoTable
方法将HTML表格转换为PDF。最后,使用save
方法将生成的PDF保存到本地。
id="my-table"
:
ID
Name
Age
1
John Smith
30
2
Jane Doe
25
在上述示例中,我们创建了一个简单的表格和一个按钮,点击按钮时将生成PDF。
generatePDF()
函数。您可以在组件的构造函数中调用它,或者在适当的时候触发生成PDF的操作。通过按照上述步骤,您应该能够在Angular 6中使用jsPDF和autotable正确生成PDF。请注意,您可能需要根据您的实际需求进行一些调整和自定义。