Single select filter

1 Answer 125 Views
Checkbox Filter  General Discussions
Huri
Top achievements
Rank 1
Huri asked on 14 Apr 2022, 11:08 AM

Hello, I wonder if there is a possibility to make filters from this example

https://www.telerik.com/kendo-react-ui/components/grid/filtering/#toc-column-menu-filter

but as links or single select items, not checkboxes. Attaching a screenshot of what I'm looking for.

In this example https://www.telerik.com/kendo-react-ui/components/grid/filtering/#toc-custom-filter-cells there is a CategoryFilterCell which would be the most similar, but I wonder if there is a way to add it as a column filter like on my screenshot?

Thank you

1 Answer, 1 is accepted

Sort by
0
Filip
Telerik team
answered on 15 Apr 2022, 12:47 PM

Hello, Huri,

This can be achieved by creating a custom filter component and passing it to the filterUI prop. I made a small example that showcases this approach here:

https://stackblitz.com/edit/react-bryzhr?file=app/main.jsx

 

Where the logic from the custom filter example is moved inside of the customFilterUI component.

I hope this helps.

Regards, FilipProgress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Checkbox Filter  General Discussions
Asked by
Huri
Top achievements
Rank 1
Answers by
Filip
Telerik team
Share this question
or