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

Add empty rows to fill the empty space in the data container


Product Version5.14.1
ProductProgress® KendoReact


I have Grid with enabled virtual scrolling and when I have fewer items I need to fill the empty space with empty rows.


Find the last TR element within the "rowRender" of the Grid and return React.Fragment with the last row and the empty rows that will fill the empty space.

Following is an example demonstrating this approach:

View Source
Change Theme:

In this article

Not finding the help you need?