jQuery Grid Plugin - jqGrid

Hi Glen,

such strange look has long headers in old version of IE (in IE 6). How to fix the problem in IE6 I don’t now currently. Probably Tony could help you. In more modern versions of IE, the text in column headers will be cut off like you want. To add tooltips to headers I use code like

    // add tooltip on the column headers

    var grid = jQuery('#list').jqGrid({...});

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

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

        var tmp = "tr th:eq(" + (i + 1) + ")";

        $("tr th:eq(" + (i + 1) + ")", thd).attr("title", cn[i]);

    }

    $("tr th:eq(8)", thd).attr("title", "Ist Standardtest?");

where cn is colNames array (array with column headers). If you use empty colNames array and the give the same information in lable of colModel, you should change the code a little.

In my opinion tooltips on column headers could be implemented in jqGrid per default (what think Tony about that). But if you want to change tooltip for a some column to another text as the column name, you can use code like following

$("tr th:eq(8)", thd).attr("title", "Bla bla");

How to change default text of tooltip Tony wrote you before. Here is an code example:

jQuery('#list').jqGrid({

…

        loadComplete: function() {

            var ids = grid.getDataIDs();

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

                var id = ids[i];

                var UserName = grid.getCell(id, 'UserName');

                var Telefon = grid.getCell(id, 'Telefon');

                var Mobile = grid.getCell(id, 'Mobile');

                var Email = grid.getCell(id, 'Email');

                var Location = grid.getCell(id, 'Location');

                var toolTip = UserName;

                if (Location !== '') toolTip += '\nLocation: ' + Location;

                if (Telefon !== '') toolTip += '\nTel: ' + Telefon;

                if (Mobile !== '') toolTip += '\nMobile: ' + Mobile;

                if (Email !== '') toolTip += '\nE-Mail: ' + Email;

                grid.setCell(id, 'UserName', '', '', { title: toolTip });

                // one can use grid.getRowData(id)

                // instead of grid.getCell

            }

        },

…

In the code fragment column UserName is visible and columns Telefon,Mobile,Email, Location - hidden. Information from the hidden columns used to set tooltip on the visible cells.

Best regards

Oleg