AG Studio: Build dashboards using native components in web apps. Join us for a webinar on 28th July at 2pm UTC+1 Register




Core Features

Advanced Features

JavaScript Data GridRange Handle

Version 36.1.0
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 gridOptions = {
    cellSelection: {
        handle: {
            mode: 'range',
        }
    },

    // other grid options ...
}

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