JavaScript 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.

const gridOptions = {
    selection: {
        mode: 'cell',
        handle: { 
            mode: 'range',
        }
    },

    // other grid options ...
}

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

Next up

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