How to remove/hide the resize button in jqGrid (JQuery)?

Question

How to remove/hide the resize option in jqGrid (JQuery)?

var grid = $("#list");    
grid.jqGrid({
                    datatype: 'local',
                    data: mydata,
                    colModel: cm,
                    rowNum: 10,
                    rowList: [10, 25, 50],
                    pager: '#pager',
                    gridview: true,
                    rownumbers: false,
                    viewrecords: true,
                    hidegrid: false,
                    autowidth: true,
                    caption: 'Examples',
                    height: '100%' 
                });

grid.jqGrid('navGrid', '#pager', { add: false, edit: false, del: false, search: false, refresh: false });

Check the right bottom corner of the image. That is the resize option i am asking about.

Answer 1

The code which you currently posted don't produce the resizable area at the right, bottom of the grid. If you do have the area you have called gridResize method explicitly somewhere in your code.

So you should examine your code for the call of gridResize method and remove it.

Answer 2

As I have seen that someone said, you should specify the option resizable to false in colMedl and that foreach col, like:

...colModel:[{resizable:false,}]...