使用kendo exportPDF将表格导出为多页PDF文件

使用kendo exportPDF将表格导出为多页PDF文件,pdf,kendo-ui,export,Pdf,Kendo Ui,Export,我需要使用kendo pdfExport将大表导出为pdf文件。到目前为止,我拥有以下代码: html: 我的问题是生成的文件只有一页。根据文档,我的表格不能被定位为固定或绝对的,并且不是固定的。我需要应用自动分页,因为我不知道表中有多少元素。在上面的例子中有很多元素,但在其他一些情况下,只有一个或两个元素。我做错了什么 另一个让我发疯的问题是我不能调整纸张大小。我尝试在exportPDF属性中设置A4、A5,并以英寸为单位设置主容器的宽度和高度。但生成的文档仍然没有正确调整。我认为纸张大小A4

我需要使用kendo pdfExport将大表导出为pdf文件。到目前为止,我拥有以下代码:

html:

我的问题是生成的文件只有一页。根据文档,我的表格不能被定位为固定或绝对的,并且不是固定的。我需要应用自动分页,因为我不知道表中有多少元素。在上面的例子中有很多元素,但在其他一些情况下,只有一个或两个元素。我做错了什么

另一个让我发疯的问题是我不能调整纸张大小。我尝试在exportPDF属性中设置A4、A5,并以英寸为单位设置主容器的宽度和高度。但生成的文档仍然没有正确调整。我认为纸张大小A4应自动将主容器调整为A4大小?

选项1: 必须将参数multiPage:true添加到exportPDF调用中。另外,确保在HTML中要创建新页面的位置包含带有类分页符的元素。例如,打开html span class=“分页符”关闭span

备选案文2:
检查这张表格的网格打印。

我不知道这是否能解决您的问题,但是我注意到您的表格中有几个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"
                        });
                    });