Angular的Kendo UI PDF导出组件

Question

我正在使用Kendo将组件导出为PDF。问题是它无法正确打印，并且PDF生成器无法处理我页面上的某些元素。我可以解决这个问题，还是需要为此PDF生成器做一个单独的视图？

Kendo pdfexport

Answer 1

我想您可以使用页面模板来自定义PDF输出。我不确定哪些元素处理不当，但绝对可以利用页面模板获得更多功能。

您需要做的就是在<ng-template>组件中使用kendoGridPDFTemplate指令嵌套一个<kendo-grid-pdf>标签。

这是一个Telerik示例： https://stackblitz.com/run/

和一些文档： https://www.telerik.com/kendo-angular-ui/components/grid/export/pdf-export/#toc-specifying-page-template

Answer 2

似乎您缺少某些字体。是否在您的域中添加了它？检查此链接： https://www.telerik.com/kendo-angular-ui/components/pdfexport/embedded-fonts/

此外，如果您只想更改打印视图的样式，则可以使用 css 中的.k-pdf-export类根据需要更改视图，而无需更改所有页面。 例如，隐藏按钮：

.k-pdf-export button {
   visibility: hidden; 
}

此处的示例：

https://stackblitz.com/edit/angular-stack-55588085-printpdf?file=styles.css