working jqGrid Example

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css">
<link rel="stylesheet" href="http://trirand.com/blog/jqgrid/themes/ui.jqgrid.css">
<script src="http://trirand.com/blog/jqgrid/js/i18n/grid.locale-en.js"></script>
<script src="http://trirand.com/blog/jqgrid/js/jquery.jqGrid.min.js"></script>
<table id="ItemGrid"></table>

JavaScript

function getData(jqGridParams) {
    var sname = "";
    var sorder = "";


    sname = "";
    sorder = "asc";

    var params = new Object();
    params.pageIndex = jqGridParams.page;
    params.pageSize = jqGridParams.rows;
    params.sortIndex = sname; //jqGridParams.sidx;  
    params.sortDirection = sorder; //jqGridParams.sord;
    params._search = jqGridParams._search;
    if (jqGridParams.filters === undefined) params.filters = null;
    else params.filters = jqGridParams.filters;


}

$(document).ready(function () {
    
    var data = [{
        Type: 't1',
        Name: 'n1',
        Desc: 'd1'
    }];

    var oItemGrid = $("#ItemGrid");
    oItemGrid.jqGrid({
        datatype: "local",
        data: data,
        colNames: ['Type', 'Name', 'Desc'],
        colModel: [{
            name: 'Type',
            index: 'Type',
            width: 40
        }, {
            name: 'Name',
            index: 'Name',
            width: 40
        }, {
            name: 'Desc',
            index: 'Desc',
            width: 40,
            sortable: false
        }],
        autowidth: true,
        height: 'auto',
        rowNum: 10,
        rowList: [10, 20, 30, 40],
        viewrecords: true,
        gridview: true,
        autoencode: true,
        ignoreCase: true,
        caption: 'Remember Sorting and Filtering Functionality',
        pager: '#IGPager',
        onSortCol: function (colModel, colName, sortOrder) {
            alert("Saving sort info in cookie: ");
        },
        gridComplete: function () {
            console.log('gridComplete');
        },
        loadComplete: function (data) {
            console.log('loadComplete');
        },
        //loadonce: true
    }).jqGrid('navGrid', '#IGPager', {
        edit: false,
        add: false,
        del: false
    }, {}, {}, {}, {}, {});
});