[Grid] Switching between paging and virtual scrolling configs causes styling issues

[mbechev]

Description

If we configure the Grid to support either paging or virtual scrolling, switching between the configurations causes incorrect height.

A possible workaround is to rerender the component by hiding and showing it with ngIf:
https://stackblitz.com/edit/angular-bpwxra-8xzhuz

Steps To Reproduce

1. Switch to virtual scrolling.
2. Scroll the content to trigger pageChange event.
3. Switch back to paging and notice the blank Grid. Scroll to the bottom and see the paging records.

https://stackblitz.com/edit/angular-bpwxra-cehyvh

Screenshots or video

Screen.Recording.2024-11-11.at.15.20.47.mov

Actual Behavior

The Grid cannot correctly calculate its height when switching from virtualized content.

Expected Behavior

The Grid needs to correctly show the page data without the excessive blank space shown in the video.