Hide all tool-tips in jqGrid

Here is a simple tip on jqGrid.

Some times there are requirements in the project to hide all the tooltips(that is automatically displayed in all the columns) in jqGrid. So, how we do that? We have to go each column and set the attribute like { title: false } in each column of our grid. That might sound easy if we have less numbers of columns in the grid but if you have a complex grid with lots of columns then it’s tough.

So, here is how we do that in a very simple way.

My jqGrid script:

...
jQuery("#list").jqGrid({
       url:'Search.aspx?q=1',
datatype: "json",
       colNames:['Inv No','Date', 'Client','Notes'],
       colModel:[
       {name:'id',index:'id', width:55},
       {name:'invdate',index:'invdate', width:90},
       {name:'name',index:'name asc, invdate', width:100},    
       {name:'note',index:'note', width:150, sortable:false}    
       ],
       rowNum:10,
       rowList:[10,20,30],
       pager: '#pager',
       sortname: 'id',
        viewrecords: true,
        sortorder: "desc",
        caption:"JSON Example"
});
 
 
Just add the following code(in green) like this:
 
...
jQuery("#list").jqGrid({
       url:'Search.aspx?q=1',
datatype: "json",
       colNames:['Inv No','Date', 'Client','Notes'],
       colModel:[
       {name:'id',index:'id', width:55},
       {name:'invdate',index:'invdate', width:90},
       {name:'name',index:'name asc, invdate', width:100},    
       {name:'note',index:'note', width:150, sortable:false}    
       ],
       rowNum:10,
       rowList:[10,20,30],
       pager: '#pager',
       sortname: 'id',
        viewrecords: true,
        sortorder: "desc",
    cmTemplate: { title: false },
        caption:"JSON Example"
});

Add this additional jqGrid parameter and it will hide all the tooltips in your current grid.
I hope this helps as it helped me. Happy coding

150 150 Burnignorance | Where Minds Meet And Sparks Fly!