I am using the frozen column option, as it is in the documentation, as follows:
jQuery(grid_selector).jqGrid({
url:urllst,
datatype: 'json',
height: 'auto',
width: 'auto',
ignoreCase: true,
colNames:['UF','Macro região','Região','Cód.Municipio','Nome','População','Cód.Status','Cód.Perfil','Partido Prefeito','Partido Vice','Ativo ?' ], // PONTO DE ALTERAÇÃO
colModel:[ // PONTO DE ALTERAÇÃO
{name:"uf",index:"uf", width:100, sorttype:'text', viewable: true, frozen: true,
stype:'text',
formoptions:{elmprefix:'*', label: 'UF:', rowpos:1, colpos:1},
editable:true,
editrules: {required: true},
edittype: 'custom',
classes: 'c',
editoptions: {style: "text-transform: uppercase",
'custom_element' : macro_uf_element,
'custom_value' : macro_uf_value,
},
searchoptions: {
sopt:['eq','ne','lt','le','gt','ge','bw','in','ni','ew','en','cn','nc']
}
},
and soon after:
rowNum:11,
rowList:[10,20,30],
caption: "Frozen Header",
shrinkToFit: false,
jQuery(#TABELA).jqGrid('setFrozenColumns');
The "freeze" works, but the data gets duplicated, one over the other in the scrolling, so I set the background with css, but in that case hover and selection will not work on frozen columns.
Photo: