Add ellipsis to data cells in Grid after specific number of lines
Environment
| Product Version | 5.12.0 |
| Product | Progress® KendoReact |
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:
Example
View Source
Change Theme:
