How to disable checkbox for a row in rowselection in react-data-grid

Question

 <ReactDataGrid
    columns={[
        { key: 'time', name: 'time', width: 140, formatter: (props) => (<span>{props.value}</span>), sortable: true },
        { key: 'Size', name: 'Size', width: 80, formatter: (props) => (<span>{props.value}</span>) },
        { key: 'qaw', name: 'dash Value', width: 350 },
    ]}
    rowGetter={this.rowGetter}
    rowsCount={list.length}
    emptyRowsView={() => (<div />)}
    rowSelection={{
        showCheckbox: true,
        onRowsSelected: this.onVersionRowsSelect,
        onRowsDeselected: this.onVersionRowsDeselect,
        selectBy: {
            indexes: this.state.selectedIndexes
        }
    }}
/>

Above is my code of react-data-grid. I want to disable row selection for particular row on some condition or want to disable checkbox for that specific row.

Please let me know how it can be achieved. Thanks

@parashm were you able to find a proper method to achieve this ? I have a requirement where I want all the checkboxes disabled according to a condition. — Dante_97
– Dante_97, Commented Nov 17, 2020 at 8:12

Shivratna Kumar · Accepted Answer · 2019-12-06 11:08:32Z

2

You can disable the selection of the row by doing the following:-

onVersionRowsSelect(rows) {
    rows = rows.filter(item => !item.row.isSnapshotQuarantined)
    this.setState({
        selectedIndexes: this.state.selectedIndexes.concat(rows.map(r => r.rowIdx))
    });
}

I am not sure if you can change the visual effect of disabling the checkbox as the checkbox html's control is not exposed by react-data-grid (as per my knowledge).

Hope this helps.

answered Dec 6, 2019 at 11:08

Shivratna Kumar

1,3111 gold badge8 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

pareshm Over a year ago

Thanks, bro... This is a workaround. And not a proper solution.

Collectives™ on Stack Overflow

How to disable checkbox for a row in rowselection in react-data-grid

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related