carbon-addons-iot-react icon indicating copy to clipboard operation
carbon-addons-iot-react copied to clipboard

Published 20 hours ago • verified publisher icon carbon-design-system

[Table] Select/Deselect all options checkbox in Table is not working properly

Open RishabhSharma6 opened this issue 2 years ago • 0 comments
trafficstars

What package is this for?

  • [ ] React
  • [x] Angular

Describe the bug

In the top left side of the table, we get a checkbox to select/deselect all options. It acts weird if one or more items in the table in selected AND disabled.

The one highlighted in blue Screenshot 2023-01-31 at 10 27 51 AM

To Reproduce

Steps to reproduce the behavior:

  1. Create a carbon table

  2. Make sure to have at least one row as selected AND disabled, as shown in the picture Screenshot 2023-01-31 at 10 29 10 AM

  3. Try clicking on the top-left most checkbox of the table to Select/Deselect all the table items

  4. On the initial click, all the items will be selected (work fine), but from the next click the checkbox doesn’t work as required

Expected behavior

It should select/deselect all the items on alternate clicks for all the cases OR If 'selecting all' is not supposed to be allowed when we have a disabled table item, then the button should be disabled

Additional context

https://user-images.githubusercontent.com/111842352/215670490-dd82c98f-3fe4-4d40-b015-9e37723e59cc.mov

RishabhSharma6 avatar Jan 31 '23 05:01 RishabhSharma6