jqueryasp.net-mvcasp.net-mvc-4jqgridmvcjqgrid

Pager of jqgrid not visible in my mvc application


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?


Solution

  • You have to add the div of pagination with the same id check this tutorial : enter link description here