Show different field in group headers

Environment

Product Version	5.12.0
Product	Progress® KendoReact Grid

Description

I want to show different than the group field value within the group headers

Solution

For achieving the desired result we need to ensure that all items grouped by field A will have equal field B (the field that we want to display in the group header). As for the actual implementation, we need to handle the cellRender of the Grid and change the rendering of the group header cell for the group field that we want to change. The next step is to find the first data item in that group and get the value of the other field.

This is an example showcasing this approach:

Change Theme

Theme

Loading ...