I'm trying to use a jQuery UI tooltip on a row in a datatable so when a user hovers the mouse on the row, information will appear in the tooltip. I have 7 columns in my datatable, 5 visible , 2 hidden. When a user hovers the mouse on any row the information from the 2 hidden columns should appear in the tooltip.
I tried this code but it didn't work:
$(document).ready(function () {
$('#EmployeeTable tr').tooltip({
content: function () {
return $(this).find("td").eq(5).html() + ' - ' + $(this).find("td").eq(6).html();
},
track: true
})
});