Add grouping functionality for the ListView

Environment

Product Version	5.12.0
Product	Progress® KendoReact ListView

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:

Change Theme

Theme

Loading ...