Available in the Full Version

Hierarchical Grid - Selection

This sample demonstrates both Selection and Row Selectors features of the igHierarchicalGrid.

Single Cell Selection


Multiple Row Selection

Default Row Selectors


Row Selectors With Checkboxes


Row Numbering

This sample is designed for a larger screen size.

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

Selection operates in two distinct modes: cell and row. Cell mode allows you to select individual cells. Row mode allows you to select individual rows. Each of the two modes can be configure in either single or multiple selection by setting the multipleSelection to true.
The Row Selectors feature provides the user with the functionality to select cell(s), or entire row(s) by clicking the row selector column placed on the left of the first column of the grid. In addition to that, the widget provides row numbering functionality and checkboxes for row selection.
Use the grids above to experience Row Selectors feature in different configurations.
Note: By default Row Selectors depends on the Selection feature and will throw an error when the Selection feature is not defined.

Code View

Copy to Clipboard