Add grouping functionality for the ListView
Environment
| Product Version | 5.12.0 |
| Product | Progress® KendoReact |
Description
I want to have grouping functionality in KendoReact ListView
Solution
The ListView is a template component and it allows complex rendering of the items.
The first step for achieving the desired result will be to group the items by using the groupBy helper method. This will create an array where the parent items will be group items holding the group value and an items collection with the data items of that group.
The second step will be to create a template that will take advantage of the new data structure and render the parent items (group items) as the main containers and the child items (the data items for each group) within that container.
This is an example showcasing how to limit the value:
Example
View Source
Change Theme:
