jqueryjquery-uijqgridjqgrid-formatter

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.

Solution

  • 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.