How to make GridColumnMenuCheckboxFilter be alphabetical order

[Janki]

If my data isn't sorted, the checkbox filters are generated in a non-alphabetical order, making the UX more confusing and less seamless. How can I sort my checkbox options without sorting the grid data itself (keep them de-coupled)?

[Wissam]

Hi, Janki,

I have to say that the only option here would be to sort the data that is passed to the data prop of the GridColumnMenuCheckboxFilter component. This does not affect the Grid data but only the one passed to the column menu:

• https://stackblitz.com/edit/react-femy3a?file=app%2FcolumnMenu.jsx

Regards,
Wissam
Progress Telerik

[Janki]

Hey Wissam,

Thanks for the workaround, I will use that!

I think this would be a great feature to have out-of-the-box, and hopefully it's something easy to add from your end. UX-wise, it's really difficult to wrap your head around a non-alphabetized list, especially when the list is used for the special purpose of filtering -- you now have to filter down the list before you can filter the grid itself, which adds more overhead for the user.

I understand that Excel is not the end-all and be-all, but Excel also sorts it by default:

[Wissam]

Hello, Janki,

Thank you so much for your feedback.

I logged a feature request on your behalf for adding this as a built-in feature, you can track it here:

• https://feedback.telerik.com/kendo-react-ui/1649036-gridcolumnmenucheckboxfilter-sorting

In addition, I updated your Telerik Points accordingly as a small token of gratitude for your suggestion.

Regards,
Wissam
Progress Telerik

[Janki]

Many thanks, Wissam! You have been super helpful as always - appreciate you taking the time to help with this!

[Wissam]

You are welcome, Janki! Thank you so much for the positive feedback!