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

Environment

Product Version	5.12.0
Product	Progress® KendoReact Grid

Description

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

Solution

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:

Change Theme

Theme

Loading ...