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

Adapting rowSpan to Contents in TileLayout for React

Environment

Product Version7.0.2
ProductProgress® KendoReact

Description

I want to adapt the rowSpan value in a TileLayout based on the height of its contents. Currently, I have set the colSpan and rowSpan to a static number, but this results in white space when there is less data in the grid.

Solution

To dynamically adjust the rowSpan value based on the content height, create a function that obtains the Grid height and recalculates it based on your needs.

Example
View Source
Change Theme:

In this article

Not finding the help you need?