$(document).ready(function(){

$('#list').jqGrid({

url:'grid.php',

mtype: 'POST',

datatype: “json”,

width: 800,

colNames:['ID','Name', 'Price', 'Promotion'],

colModel:[

{name:'product_id',index:'product_id', width:55,editable:false},

{name:'name',index:'name', width:100,editable:true, edittype:'text'},

{name:'price',index:'price', width:80, align:'right',formatter:'currency'},

{name:'on_promotion',index:'on_promotion', width:80, formatter:'checkbox'}

],

rowNum:10,

rowList:[10,20,30],

pager: $('#pager'),

sortname: 'product_id',

viewrecords: true,

sortorder: “asc”,

imgpath: 'css/ui-smoothness/images'

});

$(“#list”).navGrid(“#pager”,{search:true})

});

My Grid Data