Jqgrid add link to column headers

Question

I am using jqgrid to create a grid. I looked, but I can not find a solution. I am trying to add links to column headings.

Any help appreciated. Thanks

Answer 1

Use jQuery to bind the click event:

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

Answer 2

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

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

I have not tested this, therefore YMMV. Also keep in mind that there may be usability issues - the user probably expects a click on the header to sort the column.

Answer 3

. http://www.trirand.com/jqgridwiki/doku.php?id=wiki:predefined_formatter