enable/disable encode html for grid column

[Giuseppe]

Hi,

i've seen that for grid columns of jquery component it is possibile to set the encoding to true or false

so if the data i will get is like this 

hello my name is <strong> Giuseppe </strong>

i will see "hello my name is Giuseppe"

 

as of now i see "hello my name is <strong> Giuseppe </strong>"

 

is there any work around for this?

 

thanks

[Petar]

Hi Giuseppe,

Here is a StackBlitz example demonstrating how the targeted functionality can be implemented. To achieve this behavior, the cell column property is used. The value passed to the cell prop is the below slot template:

<template v-slot:myTemplate="{props, listeners}">
            <td  :class="props.className" v-html="getNestedValue(props.field, props.dataItem)"> 
            </td>
</template>

The key thing in the above template is the usage of the v-html directive. 

Let me know if you have questions about the suggested solution. 

Regards,
Petar
Progress Telerik

[Giuseppe]

i owe you a beer :) thanks a lot

[Petar]

You are welcome, Giuseppe. I am happy to hear that the suggested solution works in your scenario :)

[Dev]

Hi Petar,

What about export grid to excel, I also want the same  result. 

How can I do this?

[Plamen]

In Excel export we can't render the HTML directly. We will need a separate logic to display the exported result as we want. It can be achieved either by customising the cell options as it is described here - https://www.telerik.com/kendo-vue-ui/components/excel-export/cells/ or by workbook customisation as it is described here - https://www.telerik.com/kendo-vue-ui/components/excel-export/customization/.