Question

I need to get to know how to create a very simple jqGrid just to get used to javascript and jQuery. I have been searching online but unable to find any resources which explain that. so a simple example would be great or a link to a tutorial.

Answer 1

The easiest gird you can create with jqGrid is probably the one populated by an array. You can find an example here. But basically all you need is this:

var mydata = [
        {id:"1"}
        ];
jQuery("#list4").jqGrid({
datatype: "local",
height: 250,
colNames:['Inv No'],
colModel:[
    {name:'id',index:'id', width:60, sorttype:"int"}

],
caption: "Manipulating Array Data", 
    data: mydata
 });

You can find all the information you need in the jqGrid wiki.

EDIT:

I fixed the bugs pointed out by Oleg and used the new data parameter.
Ahmad: You can do this in an included js file or in your html between tags. You should really look at the examples and look at the source of the demo pages.