Available in the Full Version

Grid > Grouping with summaries

This sample is designed for a larger screen size.

On mobile, try rotating your screen, view full size, or email to another device.

This sample demonstrates the grouping feature of igGrid control. Drag a column to the group by area at the top to group it. The initialExpand option controls the expansion of the groups after a grouping. Initially the grouped column is sorted in ascending order. Click on the grouped column indicator to change the sorting of the group. To ungroup a column click on the X icon of the grouped column indicator. You can configure initial grouping on a per column basis using the columnSettings option. Additionally each group row can contain custom information about the group (a summary). For example, in this sample the group row will show the number of orders placed after 8/1/1996 for each seperate group.

Code View

Copy to Clipboard