Note that there are some explanatory texts on larger screens.

plurals
  1. POjquery grid not filled with JSon data
    text
    copied!<p>Hi I am not able to get the data from JSON loaded on to grid,</p> <p>HEre is my code for the grid wich displays the stock prices for the stock for a user :</p> <pre><code> $(document).ready(function () { // $("#jQGrid").html("&lt;table id=\"list\"&gt;&lt;/table&gt;&lt;div id=\"page\"&gt;&lt;/div&gt;"); jQuery("#jqTable").jqGrid({ url:jqDataUrl, datatype: "json", mtype: "POST", height: 250, // Specify the column names colNames: ["SYMBOL", "LAST", "CHANGE", "%CHANGE","HIGH/LOW"], // Configure the columns colModel: [ { name: "SYMBOL", index: "SYMBOL", width: 200, align: "left" }, { name: "LAST", index: "LAST", width: 200, align: "left" }, { name: "CHANGE", index: "CHANGE", width: 200, align: "left" }, { name: "%CHANGE", index: "%CHANGE", width: 200, align: "left"}, { name: "HIGH/LOW", index: "HIGH/LOW", width: 200, align: "left"} ], jsonReader : { root: "rows", page: "page", total: "total", records: "records", cell: "cell", id: "id", }, multiselect: false, // paging: true, // rowNum:10, // rowList:[10,20,30], pager: $("#jqTablePager"), loadonce:true, caption: "WatchList" }).navGrid('#jqTablePager',{edit:false,add:true,del:true}); } </code></pre> <p>});</p> <p>But when i try and run the code i am not able to get the contents on to the table (but the grid loads with no content)</p> <p>And My json is of the form :</p> <pre><code>{ total: "1", page: "1", records: "2", rows : [ {id:"1", cell:["cell11", "cell12", "cell13","cell13","cell13"]}, {id:"2", cell:["cell21", "cell22", "cell23","cell13","cell13"]} ] } </code></pre> <p>Please help me solve the problem</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload