Question

当我尝试使用ShieldUI将页面中的表中的数据导出到PDF时出现问题。在我的页面中，它显示200行数据，但是当我导出为pdf时，它仅显示16行数据和一个页面，它隐藏了另一数据，该数据应该在下一页中。

这里是我的代码

 dataSource.read().then(function (data) {
        var pdf = new shield.exp.PDFDocument({
            author: "PrepBootstrap",
            created: new Date()
        });

        pdf.addPage("a4", "portrait");

        pdf.table(
            10,
            20,
            data,
            [
                { field: "No", title: "No.", width: 30 },
                { field: "Nama", title: "Nama", width: 100 },
                { field: "Prodi", title: "Prodi", width: 70 },
                { field: "HP", title: "Nomor HP", width: 100 },
                { field: "Alamat", title: "Alamat", width: 100 },
                { field: "Gugus", title: "Gugus", width: 80 },
                { field: "Kepribadian", title: "Kepribadian", width: 100 }
            ],
            {
                margins: {
                    top: 50,
                    left: 50
                }
            }
        );

        pdf.saveAs({
            fileName: "Data Seluruh Peserta PETA FT UHAMKA 2018"
        });
    });
});

我该怎么办？

Answer 1

如果使用网格，则可以检查this example configuration以了解如何导出整个数据集。

如果使用独立的数据源，则必须将所有分页（可能是未设置任何分页选项的DS的克隆）重置，然后再传递给PDF实用程序。

Answer 2

在空白处添加：

margins: {
          top: 50,
          left: 50,
          bottom: 50
     }

使用ShieldUI导出PDF时添加下一页

2 个答案: