Angular Data GridRange Handle

When working with cell selection, it can be useful to have a handle inside the last cell to enable the size of the current range to be adjusted.

Enabling the Range Handle

To enable the Range Handle, set selection.handle to { mode: 'range' } in the gridOptions.

<ag-grid-angular
    [selection]="selection"
    /* other grid options ... */ />

this.selection = {
    mode: 'cell',
    handle: { 
        mode: 'range',
    }
};

The example below demonstrates simple range selection with a range handle.

Next up

Continue to the next section to learn about the Fill Handle.