дисплей JSON массив в таблицу

Question

ребята я пытаюсь отобразить JSON с помощью онлайн-библиотеки .. но только таблица появляется без элементов .. вот мой код

[{"OrderID":"1","CustomerID":"WILMK","OrderDate":"1996-07-04 00:00:00","Freight":"32.3800","ShipName":"Vins et alcools Chevalier"}, 
      {"OrderID":"2","CustomerID":"TRADH","OrderDate":"1996-07-05 00:00:00","Freight":"11.6100","ShipName":null}, 
      {"OrderID":"3","CustomerID":"HANAR","OrderDate":"1996-07-08 00:00:00","Freight":"65.8300","ShipName":"Hanari Carnes"}]; 
    $(document).ready(function() { 
     $("#jqGrid").jqGrid({ 
      url: "index.jsp", 
      colModel: [ 
       { label: 'OrderID', name: 'OrderID', key: true, width: 75 }, 
       { label: 'Customer ID', name: 'CustomerID', width: 150 }, 
       { label: 'Order Date', name: 'OrderDate', width: 150 }, 
       { label: 'Freight', name: 'Freight', width: 150 }, 
       { label:'Ship Name', name: 'ShipName', width: 150 } 
      ], 
      viewrecords: true, 
      width: 780, 
      height: 250, 
      rowNum: 20, 
      pager: "#jqGridPager" 
     }); 
    }); 

Answer 1

Согласно JQGrid docs, вы могли бы сделать это как это:

var rows= [{"OrderID":"1","CustomerID":"WILMK","OrderDate":"1996-07-04 00:00:00","Freight":"32.3800","ShipName":"Vins et alcools Chevalier"}, 
      {"OrderID":"2","CustomerID":"TRADH","OrderDate":"1996-07-05 00:00:00","Freight":"11.6100","ShipName":null}, 
      {"OrderID":"3","CustomerID":"HANAR","OrderDate":"1996-07-08 00:00:00","Freight":"65.8300","ShipName":"Hanari Carnes"}]; 

$(document).ready(function() { 
    $("#jqGrid").jqGrid({ 
     url: "index.jsp", 
     colModel: [ 
      { label: 'OrderID', name: 'OrderID', key: true, width: 75 }, 
      { label: 'Customer ID', name: 'CustomerID', width: 150 }, 
      { label: 'Order Date', name: 'OrderDate', width: 150 }, 
      { label: 'Freight', name: 'Freight', width: 150 }, 
      { label:'Ship Name', name: 'ShipName', width: 150 } 
     ], 
     viewrecords: true, 
     width: 780, 
     height: 250, 
     rowNum: 20, 
     pager: "#jqGridPager" 
    }); 
    for (var i= 0; i < rows.length; ++i) { 
     $("#jqGrid").jqGrid("addRowData", i+1, rows[i]); 
    } 
});