how to dynamically hiding a col on load complete using jqgrid

Question

I want to hide a column or select different width based on the data I am getting on load event but its not working. Here is the code I tried

loadComplete : function(){
            $(this).jqGrid('setColProp', 'ID', {
                hidden: true
            });
        },

but the ID column is still being shown...

Answer 1

try this. Sample fiddle

loadComplete : function()
{
   //Works with new api
   $(this).jqGrid('hideCol',["ID"]); 
   //following works with Older api
   //$(this).hideCol("ID");    
}