We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

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

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?

1 Reply

AG Ajith Govarthan Syncfusion Team May 22, 2020 05:44 AM

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> 


Regards, 
Ajith G. 


Loader.
Live Chat Icon For mobile
Up arrow icon