I have a jqgrid
<div>
<div >
<table class="table table-bordered" id="tblJQGridCCVT"></table>
</div>
</div>
$("#tblJQGridCCVT").jqGrid(
{
url: "@Url.Action("MyAction", "MyController")" + "?Parameters=" + Params + "",
datatype: "json",
mtype: 'GET',
cache: false,
async: false,
colNames: ['A', 'B', 'C', 'D', 'E','F', so on...],//nearly 30 columns
colModel: [
{
name: 'A', index: 'A', width: 150, edittype: 'select', formatter: linkFmatter
},
{ name: 'B', index: 'B', width: 150 },
{ name: 'C', index: 'C', width: 150 },
{ name: 'D', index: 'Updated By', width: 150 },
{ name: 'E', index: 'E', width: 150 },
{ name: 'F', index: 'F', width: 150 },
So on
...
...
...
],
pager: $('#pager'),
height:300,
rowNum: 10,
sortorder: "desc",
sortname: 'ResponseId',
viewrecords: true,
sortable: true,
loadonce: true, forceClientSorting: true,
ignoreCase: true,
caption: "Summary"
});
$("#tblJQGridCCVT").jqGrid('navGrid', '#pager', { view: false, del: false, add: false, edit: false, search: true, refreshtext: "Refresh" }, { closeOnEscape: true, multipleSearch: true, closeAfterSearch: true }, {}, {}, {});
$("#tblJQGridCCVT").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false, defaultSearch: 'cn' });
As you can see i am loading the entire grid at once by using 'loadonce: true' I am Unable to find either paging controls or serach controls of the jqgrid.
can some one tell me if there is something wrong with my code?
You have to add the div of pagination with the same id check this tutorial : enter link description here