Kendo Grid removes original data for ellipsis text

[Shayan]

I am using Kendo grid with angular js. In some cases the data in grid is long text like "New, Initial Auto-Polling Config, Auto-Polling " or greater in length. I want all data to be displayed the data is getting trimmed down and ellipsis getting added making above text as "New, Initial Auto-Polling Conf.."

Also the inner HTML dooesn't have the original text.

Please help me best possible solution to display the text

 

 

 

[Tsvetina]

Hello Shayan,

By default, the Grid would apply ellipsis only when there is a long word that cannot fit on one line. If there are spaces in the column value, they would be wrapped on multiple lines.
For the case where you have one single word that cannot fit inside the given column width, you can make the word break even without spaces. To do this, add the following style to your page:

<style>
  .k-grid tbody td {
    text-overflow: clip; /* prevent the ellipsis behavior */
    overflow-wrap: break-word;
  }
</style>

You can test this behavior in the following example:
https://dojo.telerik.com/eVIfereq

If you remove the custom style, the Notes column will still wrap the text but the Title one will show ellipsis because words cannot fit within a single line.

Regards,
Tsvetina
Progress Telerik

[Rohit]

column name in the below example shows "FirstName" field name as ellipses,https://dojo.telerik.com/@[e-mail]/itIpoCUR

 

Also, in my custom example i have a long column name with Spaces "Very Big Column Name" and autofit option is enabled, so i tried to add "minResizableWidth: 200" which works when the grid is initially loads but sorting on the column displays ellipses.

[Viktor Tachev]

Hello Rohit,

 

I examined the sample, however, I did not see a column with the minResizableWidth property. Am I missing something? 

That said, the minResizableWidth property prevents the users from resizing columns using the UI.

Would you update the sample in a way that the issue you are seeing is replicated? Also, please describe the steps that should be followed in order to replicate the behavior.

 

Regards,
Viktor Tachev
Progress Telerik