Как сделать свет jquery для сетки html?

Question

Мы создаем сетку html динамически. Это имеет более 5000 строк и 10 столбцов (это может расти). В настоящее время мы добавляем атрибут «title» для отображения всплывающей подсказки при наведении указателя мыши. Поскольку мы добавляем атрибут ко всем ячейкам 5000x10, требуется некоторое время, чтобы добавить все эти атрибуты и сделать jQuery немного тяжелым. Я хочу знать, есть ли лучший и эффективный способ показа всплывающей подсказки при наведении и уменьшении/уменьшении jQuery? Я не уверен, можем ли мы использовать делегаты() или какой-либо другой вариант?

function RenderGrid(colDefs,data){  
    . 
    . 
    var data=''; 
    for (var col in columnDefs) { 
     data = d[colDefs[col].columnId] || ''; 
     rw[++i] = '<td title="' + data + '">'; 
     rw[++i] = data; 
     rw[++i] = '</td>'; 
    } 
    . 
    . 
} 

Answer 1

$('.element-class').on('hover', function() { 

// create the tooltip element here; 

}); 

Answer 2

Вместо того, чтобы дублировать текст Td в атрибуте заголовка или хранить его в данных, просто использовать текст TD установить атрибут заголовка при наведении курсора.

$('td').on('hover', function() { 
    $(this).attr("title", $(this).text()); 
});​ 

Адрес jsFiddle.