Этот пример показывает всплывающую подсказку в таблице сотока с усеченным текстом. Является динамическим, основанным на ширине таблицы:
$.expr[':'].truncated = function (obj) {
var element = $(obj);
return (element[0].scrollHeight > (element.innerHeight() + 1)) || (element[0].scrollWidth > (element.innerWidth() + 1));
};
$(document).ready(function () {
$("td").mouseenter(function () {
var cella = $(this);
var isTruncated = cella.filter(":truncated").length > 0;
if (isTruncated)
cella.attr("title", cella.text());
else
cella.attr("title", null);
});
});
Демо: https://jsfiddle.net/t4qs3tqs/
Он работает со всей версией jQuery