$(document).ready(function () {
$("#jqGrid").jqGrid({
url: 'data.json',
mtype: "GET",
datatype: "json",
colModel: [
{ label: 'ID', name: 'ID', key: true, width: 75 },
{ label: 'Task_Key', name: 'Task_Key', width: 150 },
{ label: 'Process ', name: 'Process', width: 150 },
{ label: 'Pending', name: 'Pending', width: 150 },
{ label: 'Task_Cd', name: 'Task_Cd', width: 150 }
],
loadonce: true,
width: 780,
height: 250,
rowNum: 10,
sortname: 'CustomerID',
jsonReader: {
subgrid: { repeatitems: false }
},
subGrid: true,
subgridtype: 'json',
subGridUrl: function (params) {
return params.id + '.json';
},
subGridModel: [{
name: ["BO NO", "BO Date", "Customer Name", "Mobile NO", "Trial Date","Style","Qty","Process Rate"],
width: [60, 180, 150, 100, 70],
align: ["left", "left", "left", "left", "right"],
params: false
}],
pager: "#jqGridPager"
});
});
</script>