• What is KendoReact
  • Getting Started
  • Server Components
  • Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

Enable Grid scrollbar conditionally based on page size

Environment

Product Version5.12.0
ProductProgress® KendoReact

Description

I want to enable the scrollable functionality of the Grid if page size is higher than 10

Solution

This can be achieved by setting the scrollable property of the Grid from a state variable and update its value based on the current page size (either within the onPageChange or within the onDataStateChange event)

This is an example showcasing this approach:

Example
View Source
Change Theme:

In this article

Not finding the help you need?