Unplanned
Last Updated: 23 Mar 2026 10:11 by Dhara
Lukasz
Created on: 16 Mar 2026 13:17
Category: KendoReact
Type: Feature Request
3
Allow disabling of row click selection
Disabling the row click selection will be useful In scenarios like multi-row checkbox selection, where the client does not want to update the selection state on row click (but only on checkbox click).
2 comments
Dhara
Posted on: 23 Mar 2026 10:11
found solution for this scenarios to disable selection of row here is example from what i found.
selectable={{
  enabled: true,
  drag: false,
  cell: false,
  mode:'single'
 }}
and for grid set like 
<Grid
                data={products}
                autoProcessData={true}
                style={{ height: '400px' }}
                dataItemKey={DATA_ITEM_KEY}
                select={selectedState}
                onSelectionChange={onSelectionChange}
                onHeaderSelectionChange={onHeaderSelectionChange}
                selectable={{
                    enabled: true,
                    drag: false,
                    cell: false,
                    mode: 'single'
                }}
            >
this is important select={selectedState} for disable row selection.
and
const onSelectionChange = React.useCallback((event: GridSelectionChangeEvent) => {
        const target =
            (event.syntheticEvent?.target as HTMLElement | null) ||
            (event.nativeEvent?.target as HTMLElement | null);

        const isCheckboxClick =
            target instanceof HTMLInputElement && target.type === 'checkbox';

        if (!isCheckboxClick) {
            return;
        }

        setSelectedState((prev) =>
            getSelectedState({
                event,
                selectedState: prev,
                dataItemKey: DATA_ITEM_KEY
            })
        );
    }, []);
by using if (!isCheckboxClick) {return;}  can disable row selction.
Dhara
Posted on: 19 Mar 2026 07:28
facing the same issue after updating package do you have any solution for this Lukasz?