React grid group collapsed default

2 posts, 0 answers
  1. Vikram
    Vikram avatar
    5 posts
    Member since:
    Dec 2011

    Posted 02 Sep 2020 Link to this post

    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.

  2. Stefan
    Admin
    Stefan avatar
    3039 posts

    Posted 02 Sep 2020 Link to this post

    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

    Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive , special prizes and more, for FREE?! Register now for DevReach 2.0(20).

Back to Top