Available in the Full Version

Data Grid - GroupBy

This sample demonstrates the grouping feature of igGrid control. To group columns, drag each column indicator to the Group By area at the top.

This sample is designed for a larger screen size.

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

You can configure initial grouping on a per column basis using the columnSettings option. Each group row also 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 separate group. The initialExpand option controls the expansion of the groups after a grouping. By default, the grouped column is sorted in ascending order. Change the sorting order by clicking on the grouped column indicator. To ungroup a column, click on the X icon of the grouped column indicator.

Code View

Copy to Clipboard