I want to use tooltip in datatables, but cannot success by using json.and can i use it in titile?
I want to use tooltip in datatables, but cannot success by using json.and can i use it in titile?
murong9r
Posts: 1Questions: 0Answers: 0
$(document).ready(function() {
$('#example ').each( function() {
var ssTitle;
var nTds = $('example', this);
var sBrowser = $(nTds[1]).text();
var sGrade = $(nTds[4]).text();
ssTitle = sBrowser+' will provide an undefined level of CSS support.';
this.setAttribute( 'title', ssTitle );
} );
$('#dynamic').html( '' );
var oTable = $('#example').dataTable( {
"aaData": aDataSet,
"aoColumns": [
{ "sTitle": "Engine" },
{ "sTitle": "Browser" },
{ "sTitle": "Platform" },
{ "sTitle": "Version", "sClass": "center" },
{
"sTitle": "Grade",
"sClass": "center",
"fnRender": function(obj) {
var sReturn = obj.aData[ obj.iDataColumn ];
if ( sReturn == "A" ) {
sReturn = "A";
}
return sReturn;
}
}
]
} );
$( oTable.fnGetNodes() ).tooltip( {
"delay": 0,
"track": true,
"fade": 250
});
} );
$('#example ').each( function() {
var ssTitle;
var nTds = $('example', this);
var sBrowser = $(nTds[1]).text();
var sGrade = $(nTds[4]).text();
ssTitle = sBrowser+' will provide an undefined level of CSS support.';
this.setAttribute( 'title', ssTitle );
} );
$('#dynamic').html( '' );
var oTable = $('#example').dataTable( {
"aaData": aDataSet,
"aoColumns": [
{ "sTitle": "Engine" },
{ "sTitle": "Browser" },
{ "sTitle": "Platform" },
{ "sTitle": "Version", "sClass": "center" },
{
"sTitle": "Grade",
"sClass": "center",
"fnRender": function(obj) {
var sReturn = obj.aData[ obj.iDataColumn ];
if ( sReturn == "A" ) {
sReturn = "A";
}
return sReturn;
}
}
]
} );
$( oTable.fnGetNodes() ).tooltip( {
"delay": 0,
"track": true,
"fade": 250
});
} );
This discussion has been closed.