Show tabular data in cell hover over

[gopigupta]

Hello,

I want to display tabular data as shown below on cell hover over. How can I achieve it?

Day	Date	Hours
Wed	05-Mar-2025	8.00
Fri	07-Mar-2025	8.00

Please let me know if you need more information
Thanks

[paramvir]

Rich html content can be displayed in the cell tooltips by using attr property in column.render callback.

Code: [Select]

render: function( ui ){
   return {
attr: {
title: "<b>Rich</b> <i>Text<i>!"
}
   }
}

and creating pqTooltip in the create callback in main grid options.

Code: [Select]

create: function (evt, ui) {               
        this.widget().pqTooltip();
}