jQuery Grid Plugin – jqGrid

<script type="text/javascript">
            $(document).ready(function(){
                
                var myData=[
                    {id:"1",denomination:"1000",deletelink:"Delete"},
                    {id:"2",denomination:"2000",deletelink:"Delete"},
                    {id:"3",denomination:"3000",deletelink:"Delete"},
                    {id:"4",denomination:"4000",deletelink:"Delete"},
                    {id:"5",denomination:"5000",deletelink:"Delete"},
                    {id:"6",denomination:"6000",deletelink:"Delete"},
                    {id:"7",denomination:"7000",deletelink:"Delete"},
                    {id:"8",denomination:"8000",deletelink:"Delete"},
                    {id:"9",denomination:"9000",deletelink:"Delete"},
                    {id:"10",denomination:"10000",deletelink:"Delete"},
                    {id:"11",denomination:"11000",deletelink:"Delete"},
                    {id:"12",denomination:"12000",deletelink:"Delete"},
                ];

                jQuery('#listData').jqGrid({
                    datatype:"local",
                    width:330,
                    height:150,
                    colNames:['Denomination Id','Denomination','Delete'],
                    colModel:[
                        {name:'id',index:'id',align:'center',hidedlg:true,sortable:false,editable:false,edittype:"text",editrules:{required:true}},
                        {name:'denomination',index:'denomination',sortable:false,align:'center',editable:true,edittype:"text",editrules:{number:true,required:true}},
                        {name:'deletelink',index:'deletelink',sortable:false,editable:false,formatter:'showlink',align:'center',editrules:{required: true},formatoptions:{baseLinkUrl:'deleteDeno.htm',addParam:'&action=delete'}}
                    ],
                    pager: '#pager',
                    viewrecords:true,
                    emptyrecords: "Nothing to display",
                    multiselect:false

                }).navGrid('#pager',
                {edit: false, add: false, del:false, search: false, refresh: false },
                {}, // Default for edit
                {},//Default for add
                {}//Default for delete
            );

                for(var index=0;index<myData.length;index++)
                {
                    jQuery("#listData").jqGrid('addRowData',index+1,myData[index]);
                }

                 

            });

        </script>