Maintaining Table State

[hanan-commits-work]

Greetings.
I have a table with selectable rows (checkboxes) that dropdowns on Button Click. When I select on a row, it checks it and loads the Reality Model the row is associated with.
The bug in my code is, whenever the table is closed, it does not retain its previous state. Meaning the checked rows are no longer checked. I want the table to retain its state, even if the table is closed as it will show that this reality model is currently active.

Here are the screenshots..
this one is when i select the rows.

Now, when the button is closed. and if I reopen it... the rows get unchecked again

I have been following this sample https://itwin.github.io/iTwinUI-react/?path=/story/core-table--controlled-state .

[bentleyvk]

Hi, onSelect second parameter is tableState. You can save it and then pass it to initialState prop.

[hanan-commits-work]

Thank you. I appreciate it.

[bentleyvk]

Why are you using Table here to show "Reality Models"?

[hanan-commits-work]

I am basically experimenting.
User can turn on multiple reality models at a moment. I was using select before but it seemed easier to turn on many models because table has checkboxes...
However if you have any alternatives that would be simpler and functional, I'd appreciate hearing it

[bentleyvk]

So you kind of need to have multiple values selected in Select?

[hanan-commits-work]

Yes.
I need to activate selected reality models and detach unselected...