Grouping Overview (igHierarchicalGrid)

Topic Overview

Purpose

This topic introduces the igHierarchicalGrid™ control’s grouping feature as well as providing an overview of the configurable aspects of the feature.

In this topic

This topic contains the following sections:

• Introduction
• Grouping Configuration Summary
• Related Content

Introduction

Grouping in the igHierarchicalGrid summary

The igHierarchicalGrid control is implemented as a collection of flat grid objects (igGrid™) that work together. The grouping feature is enhanced to cover specific situations arising from having several flat grids nested within the hierarchical grid.

The igHierarchicalGrid supports a column grouping functionality that enables the user to utilize the data in one or more columns as a primary and, respectively, secondary criteria for grouping the records within the group.

Grouping in the igHierarchicalGrid works the same as the related function in Microsoft® Office Outlook® – you drag a column that you want to group by and drop it into a special grouping area above the grid. This re-arranges the grid with as many groups as distinct value existing in the selected column. In addition, inside the groups, the records are sorted. Dropping additional columns within the already existing groups results in further groupings.

You can define, implement and manage your own custom grouping method using the igGridGroupBy™ widget.

The picture bellow shows a hierarchical grid using the values of the Color column, at the root level, to group and arrange the data in the grid. That is to say the grid is grouped by its Color column at the root level. At the child level, the grid shows data from the ProductInventories table configured to group items by the Shelf column. Note columns serving as grouping criteria appear in the group by area (if the area is enabled) and in the group header rows with their corresponding value.

Grouping Configuration Summary

Grouping configuration summary chart

The configurable aspects of the igGridGroupBy widget related to the igHierarchicalGrid control.

Related Content

Topics

The following topics provide additional information related to this topic.

• Enabling and Configuring Grouping: This topic demonstrates, with code examples, how to enable and configure the Grouping feature of the igHierarchicalGrid™ control in both jQuery and MVC.
• igGridGroupBy jQuery Reference: A complete reference to the jQuery options, methods, events and style classes for the igGridGroupBy control.