Issues in Export PDF of Grid

[Mojtaba]

Hi

I'm using Export to PDF for my grid. However, the output PDF file shows the Euro sign (i.e., €) as '<' for some reason. 

 

Also, the filter icons in the columns are still shown in PDF output. I think there is no point to show filter icons in PDF output. See this attached pictures.

Regards,

Mojtaba

[Svet]

Hi Mojtaba,

Thank you for the demonstrated screenshots.

In order for the exported PDF to display the desired unicode characters, the provided font should contain them:
https://www.telerik.com/kendo-angular-ui/components/drawing/pdf-output/unicode-chars/

In order to provide custom fonts, that contain the required unicode characters follow the demonstrated instructions on the following article:
https://www.telerik.com/kendo-angular-ui/components/drawing/pdf-output/embedded-fonts/

The first example demonstrated in the following article, implements the suggest approach:
https://www.telerik.com/kendo-angular-ui/components/grid/export/pdf-export/#toc-pdf-export  

In general, the PDF file looks the same as, what is being exported at the moment of the export. If we want to customize the appearance of the exported content we can use the .k-pdf-export class as demonstrated in the following article:
https://www.telerik.com/kendo-angular-ui/components/pdfexport/content-styling/#toc-using-the-pdf-export-class

I am also attaching a sample project demonstrating, how to achieve both requirements using the techniques listed above. I hope this helps.

Regards,
Svetlin
Progress Telerik

[Mojtaba]

Hi Svetlin,

Thank you for the reply and helpful solutions.

I managed to embed the font for PDF export as you explained, and use .k-pdf-export approach to hide filter icon.

One more quick question. I also have a command column (contains Edit and Delete buttons) in my grids. Of course there is no point to show that column in PDF output. I was not able to hide that column with .k-pdf-export solution. Could you please make a sample to so, or is there another way?

Best regards,

Mojtaba

[Svet]

Hi Mojtaba,

We can use the following custom CSS styles in order to hide the last "Command" column:

.k-pdf-export th.k-header:last-of-type{
  border-width: 0 0 1px 0;
  color: #F6F6F6;
}

.k-pdf-export .k-command-cell button{
  display: none;
}
.k-pdf-export td.k-command-cell{
  border-width: 0 !important;
}

Please note, that the column will remain in the markup and we are just hiding it with the suggested approach. I hope this helps.

On a side note, please open separate support threads for questions that are not directly related to one another or to the original topic of the ticket. This will facilitate a better support history of your account and help us to provide a better support service in general. Thank you in advance.

Regards,
Svetlin
Progress Telerik