Unable to position pager (navigation bar) above jqGrid

by

You should use toppager:true jqGrid option instead. You don’t need define <div id="pager"></div> and use pager: '#pager' parameter. The id of the pager from the top of jqGrid will be “list_toppager” (id of the table element appended with “_toppager”).

If you want to add navigator you can use

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

If you use define <div id="pager"></div> and use pager: '#pager' parameter you will have two pager: one with id="list_toppager" on top of the grid and anothe with id="pager" on the bottom. If you want use both top and bottom pager you can use

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

and then move or remove (see another answer for more details and the demo example). You can also very easy move buttons from one toolbar to the other using jQuery.insertAfter function (see here).

More Related Contents:

  1. Stopping columns resizable in jqgrid
  2. how to persist current row in jqgrid
  3. Browser Memory Usage Comparison: inline onClick vs. using JQuery .bind()
  4. Jqgrid: navigation based on the selected row
  5. Get all rows not filtered from jqGrid
  6. JqGrid with autocompletion cant parse data from controller to view
  7. jqGrid client-side searching
  8. Add toolbar in the bottom of the header using jqgrid
  9. Custom jQGrid post action
  10. postData not passing any parameters!
  11. How to get a jqGrid cell value when editing
  12. Jqgrid Tree View Adjacencey
  13. JQgrid checkbox onclick update database
  14. jqgrid dynamic columns and data by json [duplicate]
  15. Hide expand/collapse symbol or deactivate spec. rows in jqGrid subgrid
  16. jqGrid implementing of custom cell: integration of raty-plugin
  17. JQGrid Programmatically Select Grid Row
  18. Load local JSON data in jQgrid without AddJsonRows
  19. Real-time data in a grid – better method
  20. highlight error cell or input when validation fails in jqgrid
  21. Is it possible to modify the colModel after data has loaded with jqgrid?
  22. jqGrid – How to modify form_editing construction?
  23. Add multiple input elements in a custom edit type field
  24. Filtering jqGrid datetime columns using date picker just on date
  25. jqGrid Subgrid with “local” Data
  26. jqgrid change cell value and stay in edit mode
  27. jqGrid Pager Area – Using Font Awesome Icons
  28. jqGrid DatePicker filtering without hitting Enter key
  29. jqGrid trigger “Loading…” overlay
  30. Setting data attribute on each row of a jqgrid table

Leave a Comment