Salesforce jspdf自动表格中的多页
我在代码中使用和生成pdf 它可以在一个页面上正常工作,最多23行。只要我添加第24行(即第二页上显示的行),所有内容都会被扭曲 我使用了下面的代码来生成PDFSalesforce jspdf自动表格中的多页,salesforce,jspdf,jspdf-autotable,lwc,Salesforce,Jspdf,Jspdf Autotable,Lwc,我在代码中使用和生成pdf 它可以在一个页面上正常工作,最多23行。只要我添加第24行(即第二页上显示的行),所有内容都会被扭曲 我使用了下面的代码来生成PDF generatePdf(){ const { jsPDF } = window.jspdf; const { jsPDFAutotable } = window.jspdfautotable; const doc = new jsPDF('landscape');//
generatePdf(){
const { jsPDF } = window.jspdf;
const { jsPDFAutotable } = window.jspdfautotable;
const doc = new jsPDF('landscape');//
var totalPagesExp = doc.internal.getNumberOfPages();// '{total_pages_count_string}' ==> the output becomes Page 1 of '{total_pages_count_string}' and page 2 of '{total_pages_count_string}'
let head = [['ID', 'Country', 'Rank', 'Capital', 'Name', 'TelephoneNumber', 'Email', 'SomeText']];
let body = [
[1, 'Denmark', 7.526, 'Cp', 'Alex', 9876543.210123456789, 'alex@example.com', 'a!£$%^&*()~#¬,.<>?asdfgQWERTY@asdfgh11222333344444'],
.
.
.
[23, 'Iceland', 7.501, 'Reykjavík', 'John', 2321, 'john@example.com', 'asdfgQWERTY'],
];
doc.autoTable({
head: head,
body: body,
tableWidth: 'auto',
styles: {
cellWidth: 'wrap',
fontSize: 8
},
columnStyles: {
ID: {cellWidth: 'auto'},
Country: {cellWidth: 'auto'},
Rank: {cellWidth: 'auto'}
},
theme: 'striped',
pageBreak: 'auto',
showHead: 'everyPage',
showFoot: 'everyPage',
margin: { top: 30 },
didDrawPage: function (data) {
doc.setFontSize(20);
doc.setTextColor(40);
//doc.setFontStyle('normal');
doc.text("Equipment Out On Jobs", 14, 22);
doc.setFontSize(20);
doc.setTextColor(40);
//doc.setFontStyle('normal');
doc.text("Job Numbers: 104319419,104319136", 14, 30);
// Footer
var str = "Page " + doc.internal.getCurrentPageInfo().pageNumber;
// Total page number plugin only available in jspdf v1.0+
if (typeof doc.putTotalPages === 'function') {
str = str + " of " + totalPagesExp;
}
doc.setFontSize(8);
doc.setTextColor(40);
//doc.setFontStyle('normal');
var pageSize = doc.internal.pageSize;
var pageHeight = pageSize.height ? pageSize.height : pageSize.getHeight();
doc.text(str, 14, pageHeight - 10);
},
});
// Total page number plugin only available in jspdf v1.0+
if (typeof doc.putTotalPages === 'function') {
doc.putTotalPages(totalPagesExp);
}
doc.save('table.pdf');
}
generatePdf(){
const{jsPDF}=window.jsPDF;
const{jsPDFAutotable}=window.jsPDFAutotable;
const doc=新的jsPDF(“景观”)//
var totalPagesExp=doc.internal.getNumberOfPages();/“{total_pages_count_string}”=>输出变为“{total_pages_count_string}”的第1页和“{total_pages_count_string}”的第2页
让head=[['ID','Country','Rank','Capital','Name','TelephoneNumber','Email','SomeText'];
让主体=[
[1,'丹麦',7.526,'加拿大','亚历克斯',9876543.210123456789,'alex@example.com“,”a!$%^&*()~#,。?asdfgQWERTY@asdfgh11222333344444'],
.
.
.
[23,'冰岛',7.501,'雷克雅未克','约翰',2321,'john@example.com“,”asdfgQWERTY'],
];
文档自动表({
头:头,,
身体:身体,,
tableWidth:'自动',
风格:{
cellWidth:'包裹',
字体大小:8
},
专栏风格:{
ID:{cellWidth:'auto'},
国家:{cellWidth:'auto'},
排名:{cellWidth:'auto'}
},
主题:“条纹”,
分页符:“自动”,
主持人:“每个页面”,
showFoot:“每个页面”,
边距:{顶部:30},
didDrawPage:函数(数据){
文件setFontSize(20);
setTextColor文件(40);
//文件setFontStyle(“正常”);
文件文本(“工作中的设备”,14、22);
文件setFontSize(20);
setTextColor文件(40);
//文件setFontStyle(“正常”);
文件文本(“工作编号:104319419104319136”,14,30);
//页脚
var str=“Page”+doc.internal.getCurrentPageInfo().pageNumber;
//总页数插件仅在jspdf v1.0中可用+
if(doc.puttotalpage的类型=='function'){
str=str+of+totalpagesepp;
}
文件设置字体大小(8);
setTextColor文件(40);
//文件setFontStyle(“正常”);
var pageSize=doc.internal.pageSize;
var pageHeight=pageSize.height?pageSize.height:pageSize.getHeight();
文件文本(str,14,页高-10);
},
});
//总页数插件仅在jspdf v1.0中可用+
if(doc.puttotalpage的类型=='function'){
文件PuttotalPage(总页面SEXP);
}
doc.save('table.pdf');
}
整个页面被扭曲了
请帮忙
更新它工作正常的地方。只有在LWC中,才会出现问题。请发布一个屏幕截图,说明数据在您的终端是如何呈现的?已添加到说明中。