Grouped Grid not rendering when data size is changed

[Jie]

Hi,

When a grid is grouped, and its scroll mode is 'virtual', drag the scroll bar down to the middle, then change the data to a smaller set of data. The grid is not rendering the new data, the scroll bar size is changed, indicating the grid is aware of the new data size, but it just doesn't render the rows.

If the Grid is not grouped, this won't be an issue.

Please see this example: https://codesandbox.io/p/sandbox/headless-leftpad-m75s56?file=%2Fapp%2Fapp.tsx

Steps to reproduce the issue:

- Use mouse to drag the grid scrollbar down to the middle.

- Click Short Data button.

- The scroll bar size has changed, but the grid is not showing data, 

- Drag the scrollbar, the grid shows the data again.

 

Thanks,

Jie

[Yanko]

Hello, Jie,

Thank you for bringing this issue to our attention.

I have logged the described behaviour as a bug in our public repo, where you can track its progress as future updates on the issue will be posted there:

• https://github.com/telerik/kendo-react/issues/3457 

I sincerely apologize for any inconvenience this issue might cause you, and I have updated your Telerik points in your account as a reward for reporting this issue to us.

Regards,
Yanko
Progress Telerik

[Jie]

Hi Yanko,

Thanks for the update. Is there a workaround?

 

Thanks,

Jie

[Yanko]

Hello, Jie,

As a temporary workaround, I suggest either disabling virtual scroll for smaller data or resetting the grouping when the dataset changes. You can test both approaches to see which fits your requirements better.

As a last resort solution, you can rerender the Grid with a key update, which will display the new data correctly, but it will harm performance due to the additional rerender.

Regards,
Yanko
Progress Telerik