javascript - jqGrid reloadGrid and refresh new colModel and colNames -

i'm trying reload jqgrid new rows, colnames , colmodel. row data seems load fine columns don't seem refreshed. i've tried using gridunload , griddestroy end losing jquery dom instance entirely , no longer loads data well.

var grid = $('#my-grid');  if(grid[0].grid == undefined) {     grid.jqgrid(options); } else {     grid.setgridparam(options);     grid.trigger('reloadgrid'); } 

the grid instance important because passed other objects param. these objects may attach listeners or trigger events.

i'm using version 4.4.2

reloadgrid reload body of grid , not changes column headers created when grid created.

if need change number of columns or use colnames , colmodel on place of old grid have or recreate grid. can use gridunload method first , create new grid (call grid.jqgrid(data) in case). it's important if cached jquery selector grid in variable grid in code have assign grid 1 more time after call of gridunload, should grid = $("#grid"); directly after call of gridunload.

see the answer more details , code example.