Update row column will collapse rowDetail

I’m submitting a … (check one with “x”)

[ ] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, post on Stackoverflow or Gitter

Current behavior

Collapse rowDetail after column value updated

Expected behavior

Update column value without collapse rowDetail (or not refresh whole table)

Reproduction of the problem

like the example code below https://stackblitz.com/edit/angular-yvwhus?file=app%2Fapp.component.ts

There is a button call “Austin growup” , after clicking , the Austin’s age will change and update table through this.rows = […this.rows] in function updateTable().

But when I click button after expanding the detail row, the table will refresh and collapse all the rowDetail.

I think the problem is this.rows = […this.rows]. I believe that will refresh whole table.

so…is there any way to dynamically update one row’s value without collapse rowDetail (or without whole table refresh).

What is the motivation / use case for changing the behavior?

Please tell us about your environment:

• Table version: 11.1.7

• Angular version: 5.1.1

• Browser: all

• Language: TypeScript

[Humberd]

This is the only issue we are facing. This needs to be merged

[dapullar]

@KaterinaMykhailyk rowIdentity is the anchor that keeps the rows open regardless of what is being used as the update method for the table. As long as the rowIdentity for the target remains static they should not close.