Dinesh
Dinesh

Reputation: 2066

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

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 });

enter image description here

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

Upvotes: 0

Views: 2028

Answers (2)

Med.ZAIRI
Med.ZAIRI

Reputation: 190

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,}]...

Upvotes: 0

Oleg
Oleg

Reputation: 221997

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.

Upvotes: 1

Related Questions