Scroll Modes Basics
You can also enable the virtual scroll mode of the Grid by setting
virtual. For more information, refer to the article on virtual scrolling.
When scrolling is enabled, the content of the Grid is rendered as tables—one for the header area, another one for the scrollable data area, and a third one for the footer area. This behavior ensures that the header and footer areas of the Grid are always visible while the user scrolls vertically.
The scrollable mode of the Grid is enabled by default. You can configure the scrollable behavior through the
scrollable option which also requires you to set the height of the Grid through its
By configuring the
style.maxHeight property, you can set the Grid in scrollable mode only when its rendered content exceeds certain height limits. If the content does not exceed the set maximum height, the height of the Grid will be the same as the height of its content.
When the non-scrollable mode is enabled, the Grid renders its data as a single table and the scrollbar is not displayed. To configure the non-scrollable mode, set