jQuery Grid Plugin - jqGrid

Hi Klaus!

I find your idee very good! I have a lot of tables with a long header and short contain. So I choose a short width for such columns, but place tooltips generaly on all headers of jqGrid columns. To do so, I use following own small function:

Testportal.setTooltipsOnAllColumnHeaders = function(grid) {

    var thd = $("thead:first", grid.hdiv).get(0);

    var colNames = grid.getGridParam('colNames');

    if (colNames !== undefined && colNames !== null) {

        for (var i = 0; i < colNames.length; i++) {

            var name = colNames[i];

            if (name !== undefined && name.length != 0)

                $("tr th:eq(" + i + ")", thd).attr("title", name);

        }

    }

};

Because sometimes it is needed a tooltip another as column header, I use one more short function

Testportal.setTooltipsOnColumnHeader = function(grid,iColumn,text) {

    var thd = $("thead:first", grid.hdiv).get(0);

    $("tr th:eq(" + iColumn + ")", thd).attr("title", text);

};

to overwride header's tooltip.

The idea of Klaus is very good, but the implementation works only if one use “label” property of colModel. Corresponds to jqGrid documentation the column header can also come from colNames array or from “name” property of colModel. If colNames exists, its names have preference. If no colNames defined, jqGrid fills colNames array itself corresponding on described rules (from “label” or “name” property) and at the place suggested by Klaus we can use this array (see line 1268 of grid.base.js):

for (i = 0; i < this.p.colNames.length; i++) {

    var curName = ts.p.colNames[i], curModel = ts.p.colModel[i];

    thead += "<th role='columnheader' class='ui-state-default ui-th-column ui-th-" + dir + "'"

             + (curName.length != 0 ? " title='" + curName + "'" : "") + ">";

    idn = curModel.index || curModel.name;

    thead += "<div id='jqgh_" + curModel.name + "' " + tdc + ">" + curName;

    if (idn == ts.p.sortname) {

        ts.p.lastsort = i;

    }

    thead += imgs + "</div></th>";

}

This code works, by the way, also if “rn” column exists (rownumbers property is true).

Personally I see only advantages in tooltips on column headers and place there on all my tables. To be more flexible, it would be probably to define additional parameter of grid, which defines wither a tooltips for headers should be set. Another parameter defines whether tooltips should set to any table cell (currently default behavior). It’s conceivable to introduce a new columnTooltip parameter in the colModel (like currently exists “label” property).

I find that in forums exist a lot of questions about tooltips on table cells and headers. Introducing corresponding parameters and easy functions to get/set such tooltips close the discussion and save your Tony time for reading forum and writing responds.

Best regards
Oleg