Как отключить флажок для строки при выборе строки в 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
        }
    }}
/>

Выше мой код сетки данных-реакции. Я хочу отключить выбор строки для определенной строки при каком-либо условии или хочу отключить флажок для этой конкретной строки.

Пожалуйста, дайте мне знать, как этого можно достичь. Благодарность

Answer 1

Вы можете отключить выделение строки, выполнив следующие действия:-

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

Я не уверен, можно ли изменить визуальный эффект отключения флажка, поскольку элемент управления html флажка не отображается react-data-grid (насколько мне известно).

Надеюсь это поможет.