Template shows symbol - ( ' ) apostrophe symbol as &#39 in cell of the column grid

[sunny]

The grid cell is showing name's as names &#39s in the vies in the cell. Looking for this issue to fix.

<template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex" >
<span *ngIf="column !== 'Percentage'">
<span style="color:#3b73af;cursor:pointer">
<span [class.twoDimGrid]="column === header">
<span (click)="rowItemClick(dataItem, column)">
{{dataItem[column]}}
</span>
</span>
</span>
</span>

where to add code to fix this issue.

 

[sunny]

I want to show the ' in the grid to the users instead of &#39. but not getting how to manipulate the template binding data. can i write a function to manipulate each data item during display?

[Dimiter Topalov]

Hi Sunny,

I could not reproduce the described issue on my end:

http://plnkr.co/edit/FPZJyu6G6u0RhojE8bMI?p=preview

In general, all templates in Angular are sanitized by default for security reasons, so you can also bind the element that is used in the template's innerHTML property instead, e.g.:

http://plnkr.co/edit/brEr5pZvntrnNezvHWes?p=preview

I hope this helps, but if the issue persists, please send us a similar isolated runnable project where the undesired rendering can be observed, so we can inspect it further and suggest a solution that is more suitable for the specific scenario. Thank you in advance.

Regards,
Dimiter Topalov
Progress Telerik