Kendo Grid Groupable Drag & Drop Issue

[Charles]

Problem: When I drag a column to be grouped, it doesn't show the full name of the column as can be seen in issue.png.

To resolve this, I'd have to resize the column so I can show its full name as can be seen in issue_2.png.

Question: Is there a way for me to show the column's full name without resizing it?

 

Thank you.

[Svet]

Hi Charles,

Thank you for the provided screenshots.

Indeed, the demonstrated undesired behavior is caused by a known bug on our side:

https://github.com/telerik/kendo-angular-grid/issues/776

What could be done as a workaround is to add ellipsis (...) to the dragged item using the following custom CSS :

.k-header.k-drag-clue{ display: block; text-overflow: ellipsis; }

as demonstrated in the following example:

https://stackblitz.com/edit/angular-zzmckz?file=app/app.component.ts

Please track the issue for any further updates.

Please accept our apologies for the caused inconvenience until the issue is resolved.

Feel free, to write back in case any further assistance is required for any Kendo UI for Angular related topic. Thank you in advance.

Regards,
Svetlin
Progress Telerik

[Charles]

Thank you for the detailed response. This is very helpful for me.