DataTable populated Server Side - what is the best way to add tooltip when hovering over cell?

cr8zymike

Hello,

This is how I'm getting records using an server side populating it with a JSON array.
It works and populates the DataTable

[code]
$(document).ready(function () {


var oTable = $('#properties').dataTable({
"bServerSide": true,
"bFilter": false,
"sAjaxSource": "GetRecords",
"sPaginationType": "full_numbers",
"bProcessing": true,
"aoColumns": [
{ "sName": "PROPERTY"},
{ "sName": "CITY" },
{ "sName": "STATE" },
{ "sName": "AREA" },
{
"sName": "ID",
"bSearchable": false,
"bSortable": false,
"fnRender": function (oObj) {
return 'View Property';
}
}

]
});

[/code]

Since the cells may have long information i was wondering about adding tooltip when the mouse is hovered over a cell.

I've looked on this forum and found how people have done but that won't work here for server side processing.
I've seen some about fncallback but I haven't gotten that to work.
I've also seen some posts about implementing qTips2 but not sure if that's the way I should go.

QUESTION: What's the best (or easiest) way of getting a tooltip to display when hovering over a cell?

Thanks