DataTable - How to make rows disabled in order not to be selected when clicking on the SelectAll checkbox?

[zbeedatm]

What package(s) are you using?

• carbon-components
• carbon-components-react

Summary

I disabled the <TableSelectRow> but when clicking on SelectAll these rows are selected, and I need them to be unselected.

Relevant information

Tried to apply the disabled attribute to <TableRow> but it didn't help!
Note: I have a menu near the name of the row with "Info" option, so disabling the row might block this functionality -which is not wanted-

<TableBody> {rows.map(row => ( <TableRow key={row.id}> <TableSelectRow {...getSelectionProps({ row, onClick: event => { //console.log(row.id, event.target.checked); this.selectRule(row.id, event.target.checked) } }) } disabled={this.state.unattachedRulesTables[row.id] && this.state.unattachedRulesTables[row.id].length > 0}/> {row.cells.map(cell => ( <TableCell key={cell.id}>{cell.value}</TableCell> ))} </TableRow> ))} </TableBody>

[tw15egan]

Hey there @zbeedatm, it seems like this may have been fixed as I am unable to reproduce your experience.

Going to close this as resolved, but feel free to comment here if you're still experience issues and I'll go ahead and reopen this.

[enriqueavilac]

@tw15egan Can you share the code of the example that you show? I have the same problem as @zbeedatm and I coudn't reproduce your solution.

[OmranAbazid]

I had the same issue and It seems that adding a disabled attribute to the row object will make it work correctly.

[SaloniRathi]

Hi @OmranAbazid ,
can you please share the code.

[OmranAbazid]

@SaloniRathi
It would be something like this:

<DataTable
        rows={[{...yourRowProperties, disabled: true}]}
...