Disable html encoding in grid column

[Glenn Boothe]

Is there a way to allow html in a column?

<kendo-grid-column field="description" title="Description" [encoded]="false"></kendo-grid-column>

gives me the error  "encoded is not a known property"

<kendo-grid-column field="description" title="Description">
 <ng-template kendoGridCellTemplate let-dataItem>
   {{ htmlDecode(dataItem.description) }}
 </ng-template>
</kendo-grid-column>

Doesn't decode either.

Any solution or workaround?

[Dimiter Topalov]

Hello Glenn,

The Angular framework encodes template values for security reasons by default, and the most straight-forward workaround in the described scenario is to wrap the template Grid cell content in an HTML element, and bind its "innerHTML" property to the desired data item field, e.g.:

https://plnkr.co/edit/oxtJ1gJDf3PLOmSGATuD?p=preview

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik

[Glenn Boothe]

Thanks Dimiter,

I just assumed that it was Kendo doing the encoding because I'm used to the Kendo for jQuery having the encoded field.

Your solution works for me. Thanks for taking the time to explain that.