使用kendo exportPDF将表格导出为多页PDF文件
我需要使用kendo pdfExport将大表导出为pdf文件。到目前为止,我拥有以下代码: html: 我的问题是生成的文件只有一页。根据文档,我的表格不能被定位为固定或绝对的,并且不是固定的。我需要应用自动分页,因为我不知道表中有多少元素。在上面的例子中有很多元素,但在其他一些情况下,只有一个或两个元素。我做错了什么 另一个让我发疯的问题是我不能调整纸张大小。我尝试在exportPDF属性中设置A4、A5,并以英寸为单位设置主容器的宽度和高度。但生成的文档仍然没有正确调整。我认为纸张大小A4应自动将主容器调整为A4大小?选项1: 必须将参数multiPage:true添加到exportPDF调用中。另外,确保在HTML中要创建新页面的位置包含带有类分页符的元素。例如,打开html span class=“分页符”关闭span 备选案文2:使用kendo exportPDF将表格导出为多页PDF文件,pdf,kendo-ui,export,Pdf,Kendo Ui,Export,我需要使用kendo pdfExport将大表导出为pdf文件。到目前为止,我拥有以下代码: html: 我的问题是生成的文件只有一页。根据文档,我的表格不能被定位为固定或绝对的,并且不是固定的。我需要应用自动分页,因为我不知道表中有多少元素。在上面的例子中有很多元素,但在其他一些情况下,只有一个或两个元素。我做错了什么 另一个让我发疯的问题是我不能调整纸张大小。我尝试在exportPDF属性中设置A4、A5,并以英寸为单位设置主容器的宽度和高度。但生成的文档仍然没有正确调整。我认为纸张大小A4
检查这张表格的网格打印。我不知道这是否能解决您的问题,但是我注意到您的表格中有几个div的样式位置设置为绝对。也许这就是它脾气暴躁的原因吧?我也有同样的问题 我意识到kendos网站上的演示是错误的 这是它应该看起来的样子
kendo.drawing.drawDOM($("#temp-container"),{
paperSize: "A4",
multiPage: true,
margin: { left: "0cm", top: "1cm", right: "0cm", bottom: "1cm" }
})
.then(function (group) {
// Render the result as a PDF file
return kendo.drawing.exportPDF(group);
})
.done(function (data) {
// Save the PDF file
kendo.saveAs({
dataURI: data,
fileName: "HR-Dashboard.pdf"
});
});
希望能有帮助
setTimeout(function () {
kendo.drawing.drawDOM($("#temp-container"))
.then(function (group) {
// Render the result as a PDF file
return kendo.drawing.exportPDF(group, {
paperSize: "A4",
multiPage: true,
margin: { left: "0cm", top: "1cm", right: "0cm", bottom: "1cm" }
});
})
.done(function (data) {
// Save the PDF file
kendo.saveAs({
dataURI: data,
fileName: "HR-Dashboard.pdf",
proxyURL: "http://demos.telerik.com/kendo-ui/service/export"
});
});
}, 1000);
kendo.drawing.drawDOM($("#temp-container"),{
paperSize: "A4",
multiPage: true,
margin: { left: "0cm", top: "1cm", right: "0cm", bottom: "1cm" }
})
.then(function (group) {
// Render the result as a PDF file
return kendo.drawing.exportPDF(group);
})
.done(function (data) {
// Save the PDF file
kendo.saveAs({
dataURI: data,
fileName: "HR-Dashboard.pdf"
});
});