How to set GridColumnMenuCheckboxFilter for custom cell columns

1 Answer 112 Views
Grid
Sai
Top achievements
Rank 1
Sai asked on 25 Jan 2023, 02:33 AM

Hi,

I am using the React Data Grid component and have a grid column with a custom cell renderer. I want to be able to filter on this column using the GridColumnMenuCheckboxFilter. However, the filter only shows an option of 'undefined' and not the values rendered by the custom cell component (see image below). The rendered values are not coming from a direct property of the grid data object, so I was wondering if there is a possibility to define a valueGetter that outputs the actual rendered value, which can then be picked up by the filter component?

 

Thank you

1 Answer, 1 is accepted

Sort by
0
Filip
Telerik team
answered on 26 Jan 2023, 08:41 PM

Hi, Sai,

A possible approach would be to define an entirely custom filter component for the filterUI and render the checkboxes per your requirement.

More information can be found in the following article:

https://www.telerik.com/kendo-react-ui/components/grid/columns/column-menu/#toc-customizing-the-filter-component

If this is not the preferred approach, can you provide a runnable example that reproduces your current issue with the undefined value so I can debug it locally and find a potential fix?

I hope this helps.

Regards,
Filip
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Grid
Asked by
Sai
Top achievements
Rank 1
Answers by
Filip
Telerik team
Share this question
or