jqGrid: sorting not working, have specified index, sortable, sorttype in colmodel
Not sure if I have missed an option but I am not able to sort my jqGrid with the following code. My grid just has one column which I am trying to make sortable:

    $('#jqgrid').jqGrid({
    					url: contextPath + '/js/jqgrid-data.json',
    					datatype: 'json',
    					colNames: ['Destination Name'],
    					colModel: [
    						{ 	name: 'DestName',
    							sortable: true,
    							sorttype: 'text',
    							index: 'DestName'
    						}
    					],
    					sortname: 'DestName',
    					sortorder: 'asc',
    					jsonReader: { repeatitems: false },
    					height: 'auto',
    					width: 600,
    					onSelectRow: function(id){
    						alert('Selected row ID ' + id);
    					}
    				});

The data from the server looks like this:

    {
        "total": 1,
        "page": 1,
        "records": 10,
        "rows": [
            {
                "id": "1",
                "DestName": "Administration Office"
            },
            {
                "id": "2",
                "DestName": "Business Office"
            }
    ....
    }

Ideas?


jqGrid: sorting not working, have specified index, sortable, sorttype in colmodel
===

Not sure if I have missed an option but I am not able to sort my jqGrid with the following code. My grid just has one column which I am trying to make sortable:

    $('#jqgrid').jqGrid({
    					url: contextPath + '/js/jqgrid-data.json',
    					datatype: 'json',
    					colNames: ['Destination Name'],
    					colModel: [
    						{ 	name: 'DestName',
    							sortable: true,
    							sorttype: 'text',
    							index: 'DestName'
    						}
    					],
    					sortname: 'DestName',
    					sortorder: 'asc',
    					jsonReader: { repeatitems: false },
    					height: 'auto',
    					width: 600,
    					onSelectRow: function(id){
    						alert('Selected row ID ' + id);
    					}
    				});

The data from the server looks like this:

    {
        "total": 1,
        "page": 1,
        "records": 10,
        "rows": [
            {
                "id": "1",
                "DestName": "Administration Office"
            },
            {
                "id": "2",
                "DestName": "Business Office"
            }
    ....
    }

Ideas?

