A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://www.ag-grid.com/javascript-data-grid/grouping-row-selection/ below:

JavaScript Grid: Row Grouping - Hierarchy Selection

Row Selection can be configured with groups to select all of a rows descendants.

Selecting Descendants Copy Link

When using Multiple Row Selection with row grouping, the grid can be configured to impact descendant and ancestor rows when a row is selected.

To enable hierarchical selection, set the selection.groupSelects option to one of the following values:

The example above demonstrates the following configuration:

const gridOptions = {
    rowSelection: {
        mode: 'multiple',
        groupSelects: 'descendants',
    },

    
}
Checkboxes in Group Cells Copy Link

When using Row Selection with grouping, the grid can be configured to render checkboxes in the group cell, to the right of the expand/collapse chevron.

This can be configured on by setting the rowSelection.checkboxLocation option to 'autoGroupColumn'.

The example above demonstrates the following configuration to render checkboxes in the group cell:

const gridOptions = {
    rowSelection: {
        mode: 'multiRow',
        checkboxLocation: 'autoGroupColumn',
    },

    
}
Next Up Copy Link

Continue to the next section to learn Sorting Groups.


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4