Angular的Kendo UI PDF导出组件

Question

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

Answer 1

我猜您可以使用页面模板来自定义PDF输出。 我不确定哪些元素处理不当，但绝对是你有更强大的页面模板功能。

您只需要在<ng-template> kendo <kendo-grid-pdf>组件中嵌入带有kendoGridPDFTemplate指令的<ng-template>标记。

这是Telerik的例子： https ： //stackblitz.com/run/

Answer 2

好像你缺少一些字体。 你在你的域名中添加了它吗？ 请访问此链接： https ： //www.telerik.com/kendo-angular-ui/components/pdfexport/embedded-fonts/

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

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

这里的实例：