Search code examples
jquery-uigrailsjqgridgrails-plugin

Grails EasyGrid : Adding tooltip to a column header


I have a grails application that uses EasyGrid plugin to display a table.

In one of the pages there's a table that has 3 columns. Now i want to add tooltip to the column headers when the mouse cursor is placed on top of them.

Below is my GSP code to display column headers:

<grid:grid name="myTable">
<grid:set col="userName" label="User Name" sWidth="222"/>
<grid:set col="age" label="Age" sWidth="114"/>
<grid:set col="height" label="Height" sWidth="94" bSortable="false"/>

Currently the value for the columns are set from the controller. For e.g., for one of the columns the code is like below:

age {

                value {user -> user.getAge()}

                enableFilter false

            }

I tried adding "title" attribute to the tag and all it does is to replaces the LABEL attribute.

Can you please tell me how to add a tooltip to column header?

Thanks in advance!


Solution

  • If you need standard tooltips in the column headers you can add headertitles: true option to the grid. To set custom tooltips you can use setLabel method.