How to custom the display value of checkbox filter option in Angular Grid

[Andrew Tarr]

Hello, 

Is it possible to change the filter option values when using checkboxes? 

All values above come from an enum...either i would like to display the symbol, or at least a name for each. Is that possible?

[Ajith Govarthan]

Hi Andrew, 

Greetings from Syncfusion. 

Based on your requirement we have prepared sample in that we have used  itemTemplate feature to change the content in the checkbox dialog. When you use the itemTemplate the template function will be called and we have changed the value based on the data. For your convenience we have attached the sample so please refer the sample for your reference. 

Code Snippet:  

App.component.html 

<e-columns> 

<e-column  field='CategoryName' headerText='Category Name' width='120' textAlign='Right'></e-column> 

<e-column [filter]="filterCheckboxSettings" field='Discontinued' headerText='Discontinued' width='150'> 

</e-column> 

<e-column field='ProductID' headerText='ProductID' width='120' textAlign='Right'></e-column> 

</e-columns> 

</ejs-grid> 

<ng-template #filterItemTemplate let-data>{{changeItems(data)}}</ng-template> 

Sample Link: https://stackblitz.com/edit/angular-m79bep-n2fmsi?file=filter-menu.html 

Regards, 

Ajith G.