Ellipsis when string too long

[Jay]

For strings which are too long for a column, an ellipsis is appearing at the end of the string. When I hover over that text, shouldn't I get some "bubble help" or something which shows the entire string?

[Dimo]

Hi Jay,

The appearance of ellipsis is a matter of a couple of CSS styles:

.k-grid td
{
    overflow: hidden;
    text-overflow: ellipsis;
}

However, there is no ready-to-use or automatic browser mechanism to display tooltips for content that is clipped with ellipsis. What you can do is:

1. Use a column template that will include a title HTML attribute, for example:

columns: [
    {
      field: "fieldName",
      title: "column title",
      template: "<div title='#= fieldName #'>#= fieldName # </div>"
    }
]

2. Use some custom Javascript-based technique that may or may not also require a column template.

Greetings,
Dimo
the Telerik team

[Felickz]

Grid integration with the tooltip would be a great addition to the Kendo library!

[Per]

Is does not work unless you also set white-space: nowrap; in the CSS.