React grid group collapsed default

[Vikram]

I am using react grid group feature. But it shows groups expanded by default.

I didn't found any way to show it collapsed by default.

[Stefan]

Hello, Vikram,

The expand/collapse state of the groups is part of the data and controlled by the value of the field set in the expandField prop:

https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#toc-expandfield

If all groups have to be collapsed,  I can suggest to loop over the data and set the expanded field of all records to false. This is an example showcasing it:

https://stackblitz.com/edit/react-gmfcy6?file=app/main.js

As the groups can be nested on many levels, the example only covers the first level, but it can be done recursively to cover N number of group levels if needed.

I hope this is helpful.

Regards,
Stefan
Progress Telerik