[Angular] Grid rows do not dynamically refresh when they are grouped

[Waseem]

After v20.0.0 update and the removal of kendoGridGroupBinding directive, there is a new bug that was not there before.

If you are in group mode, and you programmatically change row data, the data does not reflect the changes visually, unless you collapse the groups and re-expand them again to see the new changes. 

This problem only started after removing the kendoGridGroupBinding input or directive.

 

*Update: this problem only happens when virtual scroll is on. 

I have also noticed that selecting a row is glitchy when the grid is grouped and sorted, especially when it is initially sorted and grouped.

[Martin Bechev]

Hello Waseem,

Could you specify how the data is being updated programmatically? Is it on a button click, or is the change triggered by another interaction? 

I tried to update the data on a button click and setTimeout when binding the Grid through [data] property with virtual scrolling and grouping enabled, but it looks like this triggers the change detection successfully. The demo uses Grid v20.0.3:

https://stackblitz.com/edit/angular-kxqkmmsg-uaxbnpf3

I am looking forward to your reply.

Regards,
Martin Bechev
Progress Telerik