React Data GridRange Handle

Enterprise

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 Copy Link

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

const cellSelection = useMemo(() => { return { handle: { mode: 'range', } }; }, []); <AgGridReact cellSelection={cellSelection} />

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

Next Up Copy Link

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