CODEWITHSUNDEEP
htmlcssangularfrontendkendo-grid
Rob None
Rob None

Reputation: 581

Kendo-Grid Truncate string with no white-space

I'm using a Kendo-Grid for filtering, everything is working fine except for a problem on my cell if there is no white space. As displayed in the image:

enter image description here

the string is "https://www.linkedi/Testing" but it's displayed only until "Test".

This problem does not appear for string with white spaces like:

enter image description here

I'm newbie in client-side programming, thanks a lot to everyone.

Upvotes: 0

Views: 954

Answers (1)

dev_in_progress
dev_in_progress

Reputation: 2494

The default behavior should be like this:

overflow

Im not sure why in your case its not like this, maybe older version of kendo.

To achieve the above behavior add css:

/*Overides kendo default*/
.k-grid td {
      text-overflow: ellipsis;
}

Example: ellipsis

To achieve text in new line add css:

/*Overides kendo default*/
.k-grid td {
      word-break: break-all;
}

Example: brake-all

Upvotes: 1

Related Questions