Hidden Columns in jqGrid

javascript jquery jqgrid
maxpower47 picture maxpower47 · Nov 2, 2009 · Viewed 139.4k times · Source

Is there any way to hide a column in a jqGrid table, but have it show as read-only when the row is edited in the form editor modal dialog?

Answer

Bobby Borszich picture Bobby Borszich · Nov 16, 2009

This feature is built into jqGrid.

setup your grid function as follows. 

$('#myGrid').jqGrid({
   ...
   colNames: ['Manager', 'Name', 'HiddenSalary'],
   colModel: [               
               { name: 'Manager', editable: true },
               { name: 'Price', editable: true },
               { name: 'HiddenSalary', hidden: true , editable: true, 
                  editrules: {edithidden:true} 
               }
             ],
   ...
};

There are other editrules that can be applied but this basic setup would hide the manager's salary in the grid view but would allow editing when the edit form was displayed.

Related questions

Resize jqGrid when browser is resized?

Is there any way to resize a jqGrid when the browser window is resized? I have tried the method described here but that technique does not work in IE7.

Read More
How to refresh the data in a jqGrid?

I have been trying to get a grid to be updated from the datasource when a button is pushed. So I have in the click event something like this: $('#grid').jqGrid('trigger','reloadGrid'); However this does not work and …

Read More
Change style of jqGrid

I am using jqGrid 3.5. Can I change the style and look of the grid and make it more beautiful using jQuery or custom CSS or something else?

Read More