Progress® KendoReact Feedback Portal
Back to Feed
Request a Feature Report a Bug
Completed
Last Updated: 09 Apr 2020 13:13 by ADMIN
Chad
Created on: 14 May 2019 12:56
Category: KendoReact
Type: Feature Request
3
Request that Kendo React Grid has ability to add multi checkbox list in Filter as in the JQuery counterpart - https://demos.telerik.com/kendo-ui/grid/filter-multi-checkboxes
I'm trying to build this from scratch, but it is not working correctly with the dataState.  Please help!!!
4 comments
ADMIN
Stefan
Posted on: 09 Apr 2020 13:13

Hello,

This is already available as a built-in feature:

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

Regards,
Stefan
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
ADMIN
Stefan
Posted on: 16 May 2019 07:13
Hello, Chad,

Yes, this can be made for multiple columns. It can be achieved by passing the field name to the ColumnMenu components it it will show the correct value for the used column:

https://stackblitz.com/edit/react-cwwmeg-ttec2z?file=app%2FcustomColumnMenu.js

As for placing it in the filterCell it could be theoretically possible, but please have in mind that with the checkboxes the user may select a large number of items. Showing all of this items in a single box may result in 50+ items in a single cell, making the cell either very large or just missing the items that overflow.

Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Chad
Posted on: 15 May 2019 12:48
That's the route I was taking.  Do you have an example with multiple columns?  Also do you have an example of this being done in the filterCell?  Our customer likes to see what he is filtering by without having to go to the columnMenu.
ADMIN
Stefan
Posted on: 15 May 2019 08:05
Hello, Chad,

In the KendoReact Grid this has to be achieved programmatically using the ColumnMenu component:

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

I have created an example demonstrating how this can be achieved:

https://stackblitz.com/edit/react-cwwmeg-2wbqns?file=app/customColumnMenu.js

I hope this will help to achieve the desired result.

Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Create an account Log In
View
Type
Status
Category