ParamQuery grid support forum

General Category => Help for ParamQuery Pro => Topic started by: gopigupta on March 05, 2025, 08:03:51 am

Title: Show tabular data in cell hover over
Post by: gopigupta on March 05, 2025, 08:03:51 am

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

Title: Re: Show tabular data in cell hover over
Post by: paramvir on March 05, 2025, 03:45:07 pm

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();
}