Javascript 当页面中的数据已满时，JSPDF将切换到新页面

我是JSPDF新手，现在创建这样一个PDF页面的问题是，当这个页面上的数据已满时，它不会生成新页面。我有这个和其他关于堆栈溢出的解决方案。但没有得到解决方案。 [JSPDF演示链接在这里][3]

[3] ：>

var数据=[{
“姓名”：“罗南”，
“电子邮件”：“汽水”。elit@eratSed.co.uk",
“公司”：“Malesuada Malesuada有限公司”
}, {
“姓名”：“卡尔文”，
“电子邮件”：“amet。nulla@Vestibulumante.ca",
“公司”：“Donec Egestas基金会”
}, {
“姓名”：“凯恩”，
“电子邮件”：“酒后驾车”。mi@consectetueradipiscingelit.net",
“公司”：“Arcu研究所”
}, {
“姓名”：“卡斯珀”，
“电子邮件”：“magna.Phasellus。dolor@velconvallisin.co.uk",
“公司”：“临时有限责任合伙”
}];
var doc=新的jsPDF（'p'，'pt'，'a4'）；
//pts中A4的尺寸：595×842
var pageWidth=595；
var pageHeight=842；
变量y=500；
var pageMargin=10；
pageWidth-=页边距*2；
pageHeight-=页边距*2；
var-cellMargin=5；
var-cellWidth=250；
var-cellHeight=60；
var startX=页边距；
var startY=页边距；
功能创建卡（项目）{
//doc.getTextDimensions（item.Name）；根据需要旋转或拆分字符串
如果（y>=页面高度）
{
doc.addPage（）；
y=0//重新启动高度位置
}
单据文本（item.Name、startX、startY）；
文件文本（item.Email、startX、startY+20）；
单据文本（项目公司、startX、startY+40）；
var nextPosX=startX+cellWidth+cellMargin；
如果（nextPosX>pageWidth）{
startX=页边距；
startY+=单元高度；
}否则{
startX=nextPosX；
}
}
对于（变量i=0；i}

问题出在函数

createCard

中的条件。您必须更改对y偏移的实际当前值的测试

看这把小提琴：

var数据=[{
“姓名”：“罗南”，
“电子邮件”：“汽水”。elit@eratSed.co.uk",
“公司”：“Malesuada Malesuada有限公司”
}, {
“姓名”：“卡尔文”，
“电子邮件”：“amet。nulla@Vestibulumante.ca",
“公司”：“Donec Egestas基金会”
}, {
“姓名”：“凯恩”，
“电子邮件”：“酒后驾车”。mi@consectetueradipiscingelit.net",
“公司”：“Arcu研究所”
}, {
“姓名”：“卡斯珀”，
“电子邮件”：“magna.Phasellus。dolor@velconvallisin.co.uk",
“公司”：“临时有限责任合伙”
}];
var doc=新的jsPDF（'p'，'pt'，'a4'）；
//pts中A4的尺寸：595×842
var pageWidth=595；
var pageHeight=842；
变量y=500；
var pageMargin=10；
pageWidth-=页边距*2；
pageHeight-=页边距*2；
var-cellMargin=5；
var-cellWidth=250；
var-cellHeight=60；
var startX=页边距；
var startY=页边距；
功能创建卡（项目）{
//doc.getTextDimensions（item.Name）；根据需要旋转或拆分字符串
如果（起始>=页面高度）
{
doc.addPage（）；
startY=pageMargin//重新启动高度位置
}
单据文本（item.Name、startX、startY）；
文件文本（item.Email、startX、startY+20）；
单据文本（项目公司、startX、startY+40）；
var nextPosX=startX+cellWidth+cellMargin；
如果（nextPosX>pageWidth）{
startX=页边距；
startY+=单元高度；
}否则{
startX=nextPosX；
}
}
对于（变量i=0；i

问题出在函数

createCard

中的条件。您必须更改对y偏移的实际当前值的测试

看这把小提琴：

var数据=[{
“姓名”：“罗南”，
“电子邮件”：“汽水”。elit@eratSed.co.uk",
“公司”：“Malesuada Malesuada有限公司”
}, {
“姓名”：“卡尔文”，
“电子邮件”：“amet。nulla@Vestibulumante.ca",
“公司”：“Donec Egestas基金会”
}, {
“姓名”：“凯恩”，
“电子邮件”：“酒后驾车”。mi@consectetueradipiscingelit.net",
“公司”：“Arcu研究所”
}, {
“姓名”：“卡斯珀”，
“电子邮件”：“magna.Phasellus。dolor@velconvallisin.co.uk",
“公司”：“临时有限责任合伙”
}];
var doc=新的jsPDF（'p'，'pt'，'a4'）；
//pts中A4的尺寸：595×842
var pageWidth=595；
var pageHeight=842；
变量y=500；
var pageMargin=10；
pageWidth-=页边距*2；
pageHeight-=页边距*2；
var-cellMargin=5；
var-cellWidth=250；
var-cellHeight=60；
var startX=页边距；
var startY=页边距；
功能创建卡（项目）{
//doc.getTextDimensions（item.Name）；根据需要旋转或拆分字符串
如果（起始>=页面高度）
{
doc.addPage（）；
startY=pageMargin//重新启动高度位置
}
单据文本（item.Name、startX、startY）；
文件文本（item.Email、startX、startY+20）；
单据文本（项目公司、startX、startY+40）；
var nextPosX=startX+cellWidth+cellMargin；
如果（nextPosX>pageWidth）{
startX=页边距；
startY+=单元高度；
}否则{
startX=nextPosX；
}
}
对于（变量i=0；i

使用“开始”并添加1000，它将自动推送到新页面

doc.autoTable({html:"#exportfrontpageTable",startY:doc.autoTable.previous.finalY + 1115});

使用“startY”并添加1000，它将自动推送到新页面

doc.autoTable({html:"#exportfrontpageTable",startY:doc.autoTable.previous.finalY + 1115});

---

您没有混淆

y

和

startY

？在代码中，y始终是500@Fefux我试着用不同的值。如果你有想法，请你指导我好吗？请看这里：。我只是把你的条件改成pages@Fefux我想你忘了更新小提琴了？代码是一样的。并且没有添加新页面sorry=>您没有混淆

y

和

startY

？在代码中，y始终是500@Fefux我试着用不同的值。如果你有想法，请你指导我好吗？请看这里：。我只是把你的条件改成pages@Fefux我