• What is KendoReact
  • Getting Started
  • Server Components
  • Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

Add grouping functionality for the ListView


Product Version5.12.0
ProductProgress® KendoReact


I want to have grouping functionality in KendoReact ListView


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:

View Source
Change Theme:

In this article

Not finding the help you need?