No se puede ubicar el localizador (barra de navegación) sobre jqGrid

De acuerdo con la documentación de jqGrid, debería ser capaz de colocar el buscapersonas arriba o debajo de jqGrid moviendo el div del buscapersonas. Lamentablemente, el buscapersonas siempre aparece debajo de la cuadrícula.

La configuración jqGrid (relacionada con el localizador) se ve así:

 pager: '#pager', pginput: false, pgbuttons: false, 

¿Alguna sugerencia?

Debería usar toppager:true opción toppager:true jqGrid en su lugar. No necesita definir

y usar pager: '#pager' parámetro pager: '#pager' . La identificación del buscapersonas desde la parte superior de jqGrid será “list_toppager” (id del elemento de la tabla adjuntado con “_toppager”).

Si desea agregar el navegador, puede usar

 $("#list").jqGrid('navGrid','#list_toppager'); 

Si usa define

y usa pager: '#pager' parámetro pager: '#pager' , tendrá dos buscapersonas: uno con id="list_toppager" en la parte superior de la grilla y otro con id="pager" en la parte inferior. Si quieres usar el buscapersonas superior e inferior, puedes usar

 $("#list").jqGrid('navGrid','#pager',{cloneToTop:true}); 

y luego mover o eliminar (ver otra respuesta para más detalles y el ejemplo de demostración). También puede mover muy fácilmente los botones de una barra de herramientas a la otra usando la función jQuery.insertAfter (ver aquí ).

usa un $ append. la tabla html de arriba es así

 

agregue el id y use una promesa (). done (): “exportButton”

 $(grid).jqGrid('navButtonAdd', self.options.pagerSelector, { id: "exportButton", caption: "Export to CSV", buttonicon: "ui-icon-newwin", onClickButton: function() { self._exportToCSV(self, grid); }, position: "last", title: "Export to CSV", cursor: "pointer" }) .promise().done(function() { //reposition export button $("#export").append($("#exportButton")); $("#exportButton").addClass("pull-right").show(); });