Would be possible to create separator rows as sections inside a grid

[dsapo]

Hello Support:

Would be possible to create separator rows as sections inside a grid, like this:

TODAY
19191919191	10000	FL
18282828281	20000	NY
JAN. 3, 2016
1717171717	12222	AL
1616161616161	72727	WA
JAN. 5. 2016
161616161	6272.00	AR
26262626	2626.29	AK
26262626	12625.00	PR

if this wont be possible what other option do we have.

Appreciate all your help.

Regards,

David

[Mani Sankar Durai]

Hi David, 

Thanks for contacting Syncfusion support. 

We have analyzed your query and we suspect that you are trying to achieve grouping functionality. To achieve your requirement we suggest you to enable grouping using AllowGrouping property of grid and by disabling the showGroupedColumn as false property of GroupSettings in grid. Also disable the ShowDropArea so that the group drop area will not be visible. 

Please refer the below code example. 

@{Html.EJ().Grid<Object>("FlatGrid") 

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

                            .AllowPaging() 

                            .AllowGrouping() 

                            .GroupSettings(group => { group.GroupedColumns(col => { col.Add("CustomerID"); }).ShowGroupedColumn(false).ShowDropArea(false); }) 

                            .Columns(col => 

                            { 

                                col.Field("EmployeeID").HeaderText("Employee ID").Add(); 

                                col.Field("CustomerID").HeaderText("Customer ID").Add(); 

                                col.Field("ShipCity").HeaderText("ShipCity").Add(); 

                                col.Field("Freight").HeaderText("Freight").Add(); 

                            }).Render(); 

} 

 

We have also prepared a sample that can be downloaded from the below link. 

Link: http://www.syncfusion.com/downloads/support/forum/128103/ze/WebApplication81393474956 

Also refer the following documentation link. 

Link: https://help.syncfusion.com/aspnet-core/grid/grouping 

API link: https://help.syncfusion.com/api/js/ejgrid#members:allowgrouping 

https://help.syncfusion.com/api/js/ejgrid#members:groupsettings-showgroupedcolumn 

https://help.syncfusion.com/api/js/ejgrid#members:groupsettings-showdroparea 

https://help.syncfusion.com/api/js/ejgrid#members:groupsettings-groupedcolumns 

Please let us know if you need further assistance. 

Regards, 

Manisankar Durai.