Collapse Group Items

[Jonas Züger]

Hi,

is it possible to render a grouped grid with collapsed group items per default?

Cheers,

Jonas

[Thavasianand Sankaranarayanan]

Hi Jonas, 

Thanks for contacting Syncfusion support. 

We have analyzed your query and we suspect that you want to collapse the grid at initial rendering. So, we suggest you to use the collapseAll() method in the dataBound event of ejGrid control. 

Refer the below code example. 

@(Html.EJ().Grid<EmployeeView>("MasterGrid") 

        .Datasource((IEnumerable<object>)ViewBag.datasource) 

        .AllowPaging() 

 

        .AllowGrouping()// enable Grouping 

 

        .GroupSettings(gset => gset.GroupedColumns(gcol => { gcol.Add("ShipCity"); })) 

// initially group ShipCity column 

 

        .ClientSideEvents(events => events.DataBound("GridDataBoundEvent")) // bind dataBound event 

 

        .Columns(col => 

        { 

             

            --- 

 

            col.Field("ShipCity").HeaderText("Ship City").Width(110).Priority(2).Add(); 

 

        }) 

         

) 

<script> 

    function GridDataBoundEvent(args) { 

 

        this.collapseAll();// collapse all the grouping use collapseAll() method 

 

    } 

</script> 

Refer the help documentation. 

Link: https://help.syncfusion.com/api/js/ejgrid#methods:collapseall 

Link: https://help.syncfusion.com/api/js/ejgrid#events:databound 

Link:  https://help.syncfusion.com/aspnetmvc/grid/grouping#initial-grouping 

Regards, 

Thavasianand S. 

[Jonas Züger]

Thanks a lot!

Cheers Jonas

[Thavasianand Sankaranarayanan]

Hi Jonas, 

 

We are happy that the problem has been solved at your end. 

 

Please get back to us if you need any further assistance.  

 

Regards, 

Thavasianand S.