jQuery(”#editgrid”).jqGrid({
                datatype: “local”,
                colNames: ['Id', 'Name'],
                colModel: [
                    { name: 'id', index: 'id', width: 90, sorttype: "int", editable: true },
                    { name: 'name', index: 'name', width: 150, editable: true, editoptions: { size: "20", maxlength: "30"} },
                ],
                rowNum: 10,
                rowList: [10, 20, 30],
                imgpath: '',
                pager: jQuery('#pagered'),
                sortname: 'id',
                viewrecords: true,
                sortorder: “desc”,
                caption: “Data Example”
            });
            var mydata3 = [
                { id: "12345", note: "Desktop Computer" },
                { id: "23456", note: "Laptop" },
                { id: "34567", note: "LCD Monitor" },
                { id: "45678", note: "Speakers" },
                { id: "56789", note: "Laser Printer" },
                { id: "67890", note: "Play Station" },
                { id: "76543", note: "Mobile Telephone" },
                { id: "87654", note: "Server" },
                { id: "98765", note: "Matrix Printer" }
               ];

            for (var i = 0; i < mydata3.length; i++) {
                jQuery(”#editgrid”).addRowData(mydata3[i].id, mydata3[i]);               
            }