Hide navgrid in jqgrid

Question

How can hide navgrid in jgqrid? I want show jqgrid without navgrid.

Try some coding and ask help if u got problem in that. – Lakshmana Kumar May 28 '13 at 12:08 — Lakshmana Kumar, May 28 '13 at 12:08

score 4 · Accepted Answer · edited May 23 '17 at 12:13

If you need create navigator bar to be able to use navButtonAdd or inlineNav you can use navGrid with corresponding parameters

$("#grid").jqGrid("navGrid", "#pager",
    {add: false, edit: false, del: false, search: false, refresh: false});

As the result the table with navigator bar will be created, but it will be empty:

enter image description here

Another way is opposite: you can create navigator grid with all buttons, but hide it immediately. Such behavior could be helpful if you need to show/hide navigator button based on context (depend on selected row for example) or based on the permission of the user on the backend. See the answer for details.

If you need to hide the whole navigator bar you can use code like

$("#pager").find("table.navtable").hide();

Hide navgrid in jqgrid

1 Answers1