Single and Multi Selection

[hanan-commits-work]

According to the user requirements in my application, we need Single Selection and Multi Selection.
Here is the a snapshot of the table.

Now there are two types of rows in the table, Parent and Sub rows. The Parent rows follow only Single Selection, However, Child rows or Subrows (as you can see in the snapshot) will have multi selection. So that multiple sub models can be selected.
I am having trouble implementing this, I tried doing multi selection overall, but the checkboxes remained checked. As you can see in this SS.

Kindly guide me regarding the best approach to implement this.

[veekeys]

Hello @hanan-commits-work,

We do not have this specific example, but you want to have fully custom selection behavior.
In that case, we usually recommend users to handle table state manually.
You would need to add reducer and handle events yourself.
We have small story as an example of that:
https://itwin.github.io/iTwinUI-react/?path=/story/core-table--controlled-state

You should be able to catch different selection events, check the data and return the table state you want to have (manual handling of single selection and multiple selection).