jqgrid add link to column headers

Question

I'm using jqgrid to create a grid. I have looked but can't seem to find a solution. I'm trying to add links to the column headers.

Any help appreciated. Thanks

Answer 1

jqGrid creates the column header names using names in the colName list. So you can try putting the markup directly in this list during grid initialization:

colNames:['<a href="#test">Test</a>', 'Column 2', ... ],

I have not tested this, so YMMV. Also keep in mind there may be usability issues - a user is probably going to expect that clicking on a header would sort the column.

Answer 2

Use jQuery to bind your click event:

jQuery(document).ready(function() {
    $("#jqgh_colName").click(function() {
        alert('jqgh_colName clicked');
    });
});