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

Add ellipsis to data cells in Grid after specific number of lines


Product Version5.12.0
ProductProgress® KendoReact


How to limit the text in data cells to 2 lines and show ellipsis for longer text


This can be achieved by wrapping the content of the data cells in a DIV element with specific class name that can then be customized to show only two lines and ellipsis for longer text. Adding the DIV element can be achieved within the cellRender of the Grid.

This is an example showcasing how to limit the value:

View Source
Change Theme:

In this article

Not finding the help you need?