title: jqGrid fetched json but has empty rows and no data
body: <blockquote>
    <p>JSON As generated by Spring 3 MVC
    @ResponseBody</p>
  </blockquote>
  
  <pre><code>{
      "total": "1",
      "page": "1",
      "records": "2",
      "rows": [
          {
              "id": "1",
              "cell": {
                  "accountId": 1,
                  "userId": 1,
                  "transactionId": 6,
                  "subCatId": 0,
                  "accountName": "Credit Card",
                  "remarks": "Movie Hall Pass",
                  "amount": 250.0,
                  "transactionDate": "2011-03-16",
                  "subCatName": "Entertainment"
              }
          },
          {
              "id": "2",
              "cell": {
                  "accountId": 2,
                  "userId": 1,
                  "transactionId": 7,
                  "subCatId": 1,
                  "accountName": "Savings Bank",
                  "remarks": "Part at Besand Nagar",
                  "amount": 5000.0,
                  "transactionDate": "2011-03-16",
                  "subCatName": "Dine Out"
              }
          }
      ]
  }
  </code></pre>
  
  <blockquote>
    <p>JQGrid Initialization Code:</p>
  </blockquote>
  
  <pre><code>$("#transactionLogTable").jqGrid({
                  url: '/et/transaction/getTransactions?dateValue=03%2F16%2F2011',
                  datatype: "json",
                  loadError: function(xhr,status,error){alert(status+" "+error);},
                  colNames:['Transaction ID', 'User ID', 'Subcat ID', 'Subcat Name',
                            'Account ID', 'Account Name', 'Date', 'Amount', 'Notes'],
  
                  colModel:[
                      {name: 'transactionId', index: 'transactionId', width: 100},
                      {name: 'userid', index: 'userId', width: 100},
                      {name: 'subCatId', index: 'subCatId', width: 100},
                      {name: 'subCatName', index: 'subCatName', width: 100},
                      {name: 'accountId', index: 'accountId', width: 100},
                      {name: 'accountName', index: 'accountName', width: 100},
                      {name: 'transactionDate', index: 'transactionDate', width: 100},
                      {name: 'amount', index: 'amount', width: 100},
                      {name: 'remarks', index: 'remarks', width: 100}
                  ],
                  pager: "#pager",
                  rowNum: 10,
                  rowList: [10,20,30],
                  sortname: 'userId',
                  sortorder: 'asc',
                  viewrecords: true,
                  caption: 'Transactions'
              });
  </code></pre>
  
  <p>The server is been hit successfully with QueryString as:</p>
  
  <pre><code>dateValue=03%2F16%2F2011&amp;_search=false&amp;nd=1300532086871&amp;rows=10&amp;page=1&amp;sidx=userId&amp;sord=asc
  </code></pre>
  
  <p>Fine now, I get a screen which has the jqGrid displayed and 2 empty rows in it. I can't get to display the data inside the rows.</p>
  
  <p>I guess it's something related to the mapping, but I have tried as many combinations I can.</p>
  
  <p>Included files and versions:</p>
  
  <pre><code>&lt;script type="text/javascript" language="javascript" src="/et/resources/js/jquery.jqGrid-3.8.2.full/js/jquery-1.4.2.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" language="javascript" src="/et/resources/js/jquery-ui-1.8.10.start/js/jquery-ui-1.8.10.custom.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" language="javascript" src="/et/resources/js/form-2.52.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" language="javascript" src="/et/resources/js/validate-1.7.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" language="javascript" src="/et/resources/js/jquery.jqGrid-3.8.2.full/js/i18n/grid.locale-en.js" charset="utf-8"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" language="javascript" src="/et/resources/js/jquery.jqGrid-3.8.2.full/js/jquery.jqGrid.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Appreciate your help. </p>
  
  <p>Firdous Amir</p>