• 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

Environment

Product Version5.14.1
ProductProgress® KendoReact

Description

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

Solution

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:

Example
View Source
Change Theme:

In this article

Not finding the help you need?