HTML
<table id="list12"></table>
<div id="pager12"></div>
Now for JavaScript code, write the below code.
<![CDATA[<br> jQuery("#list12").jqGrid({
url:'server.php?q=2',
datatype: "json",
colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
colModel:[
{name:'id',index:'id', width:55},
{name:'invdate',index:'invdate', width:90},
{name:'name',index:'name', width:100},
{name:'amount',index:'amount', width:80, align:"right"},
{name:'tax',index:'tax', width:80, align:"right"},
{name:'total',index:'total', width:80,align:"right"},
{name:'note',index:'note', width:150, sortable:false}
],
rowNum:10,
rowList:[10,20,30],
pager: '#pager12',
sortname: 'id',
viewrecords: true,
sortorder: "desc",
multiselect: false,
width: 500,
height: "100%",
caption: "Auto height example"
});
jQuery("#list12").jqGrid('navGrid','#pager12',{add:false,edit:false,del:false});
]]> 
Shirsendu NandiPosted May 10, 2011, 1:23 AM
Jq Grid is make by jquery.But it is an opensource.Wheather as jquery grid is not an open source.JQ grid is faster and light weighted than any other grid.You can also customize your jq grid by writting j query of your own.
Mahesh ChandPosted May 9, 2011, 8:44 PM
What is JQ Grid? Is this a grid control in JQuery? It would be nice, if you explain what JQ Grid is? Is this same as JQuery Grid? Also, please use a proper category for your blogs. I moved it to JQuery category. Cheers!