loading local data in jqgrid

Question

I am trying to load local data in jqgrid , but its not getting loaded.

Here is the fiddle

$("#list").jqGrid({
    datatype: "local",
    colNames: ["OrderID", "CustomerID"],
                   colModel: [
                    { label: 'Order ID', name: 'OrderID', key: true, width: 75 },
                    { label: 'Customer  ID', name: 'CustomerID', width: 150 },

                ],
                viewrecords: true,
                height: 250,
                pager: "#pager",
                data:jsData      
});

Answer 1

Point the data to jsData.rows rather than jsData . The root of the object doesn't directly contain the array or keys that you're trying to display.

Updated fiddle here: http://jsfiddle.net/ToddT/6bx4w3m6/