setCell can be used set only title attribute on the corresponding

html element like . So setting of html code on the place of html attributes will not work.

To implement the behavior which you need you have to bind all

elements (grid cells) with mouseover and mouseout functions which will be display the custom tooltips with images. You can do such binding inside of loadComplete event handle.

To make your implementation easy you can try to use some existing ToolTip plugin like http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/, http://plugins.learningjquery.com/cluetip/,

Hi all,

I used an extension called jquery.qtip plugin to do this in my application.
And it works well with Firefox and IE.
To see the plugin for dynamically loaded thumbnail tooltip, see this example here:

http://craigsworks.com/project…../thumbnail

You can apply the same way in Jqgrid.
To see an example, take the “JSON Data” sample in “Loading data section” section of jqgrid demo.
You want to show a thumbnail tooltip when the cursor is on “Inv No” column.
You define that “inv no” column content is the basename of an image called “.jpg” file.
So, the content “1″ will show in a tooltip the “1.jpg image”, “2″ shows in a tooltip the “2.jpg” image and so on…
To do this, on the server side, make a folder “images” containing all the image files 1.jpg to 13.jpg.

In jqgrid, to link

Dear all,

You gave an example that “inv no” column content is the basename of an image called “.jpg” file.
So, the content “1″ will show in a tooltip the “1.jpg image”, “2″ shows in a tooltip the “2.jpg” image and so on…

How if I want to have a thumbnail based on primary ID of a row?

for example a row with primary ID = xxx will show in a tooltip the “xxx.jpg image” and so on…

Best Regards,

Candra

Dear Phil,

Yoou are awesome. It works. It helped me so much.

Thank you very much.

Best Regards,

Candra