Kendo UI PDF Export компонент для угловых

Question

Я использую Kendo для экспорта компонента в PDF. Проблема в том, что он печатается неправильно, и генератор PDF не может обрабатывать некоторые элементы на моей странице. Могу ли я решить эту проблему или мне нужно создать отдельное представление для этого генератора PDF?

Кендо 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/

Кроме того, если вы хотите изменить только стиль печатного представления, вы можете использовать класс .k-pdf-export в вашем css , чтобы изменить представление по своему усмотрению, не изменяя всю страницу. , Например, спрятаны кнопки:

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

Живой пример здесь:

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