show kendo tooltip only when ellipsis is active

Question

I want to show a tooltip when the content of a kendo grid element is only partially visible. I am not able to control the display of a tooltip on the elements of a kendo grid.
I saw this issue has been discussed but I'm not able to find The problem, it seems to be the values of offsetWidth and scrollWidth. The ellipsis works as expected defining in a css

.k-grid td {
    white-space: nowrap;
    text-overflow: ellipsis;
    table-layout: fixed;
}

As I saw on this forum I use a function to detect when ellipsis, namely

function isEllipsisActive(e) {
     return (e.offsetWidth < e.scrollWidth);
}

and I call it on the mouseenter event as

kendoGrid.tbody.on("mouseenter", "> tr > td", function (e) {    
    var target = e.target;    
    if (isEllipsisActive(target)) {    
        return target.outerText;    
    }    
    return false;    
});

The problem is that misteriously I get scrollWidth and offsetWidth equal, while I expected scrollWidth to vary according to the content of the element.
How is this possible, and what am I doing wrong ?
Thanks for any help
best regards

Marco

Were u able to solve this? I am having the same problem. – subs Jul 23 '14 at 09:57 — subs, Jul 23 '14 at 09:57

score 2 · Answer 1 · edited May 23 '17 at 10:26

2

Here is an example of how to show tooltip only when there is a text with ellipsis (partially visible in the cell) and don't show tooltip if there is a full text is visible or if there is no text in the cell.

edited May 23 '17 at 10:26

Community

1
1

answered Jan 25 '14 at 01:18

Vlad Bezden

83,883
25
248
179

show kendo tooltip only when ellipsis is active

1 Answers1