No text warping inside kendo react grid column for extra text i want to display three dot (...)

Hi Mukesh,

Please examine the following example: https://stackblitz.com/edit/react-mdfhd6?file=app/main.jsx.

The 'CategoryName' column title is too long and can not fit in the header cell. You can see that the three dots appear and this is the default behavior.

If this is not the case or does not help, can you provide more details about your scenario?

Regards,
Nikolay
Progress Telerik

I do not mean that for header which get handle automatically.

I want that behavior for data which is being warped. Instead of being wrapped i want three dots. 

YOu can do this if you like.

 

https://stackblitz.com/edit/react-mdfhd6?file=app/main.jsx

 

But this example takes into account that the length of the text is more than 10, then add ... else render the value

Hello, Mukesh,

This can be done by adding the following CSS rule to the TD elements of the Grid:



Please notice the end result, observable in the Name column:

https://stackblitz.com/edit/react-mdfhd6-qcs5fz?file=index.html


Regards,
Stefan
Progress Telerik