jQuery Grid Plugin - jqGrid

$("#grid").jqGrid({

url: "<?php echo base_url();?>countries/jqgrid_show",

editurl: "<?php echo base_url();?>countries/jqgrid_update",

datatype: "JSON",

mtype: "GET",

height: 300,

width: 1000,

colNames:['Country Name', 'Action'],

colModel:[

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

{name:'action', index:'action', width:50, search: false, editable: false, sortable: false }

],

pager: $('#pager'),

viewrecords: true,

multiselect: false,

rowNum:10,

rowList:[10,20,30],

loadonce: false,

editable: true,

caption: " Countries"

});

$("#grid").jqGrid(

'navGrid',

'#pager',

{

add: false,

edit: true,

del: true,

search: false,

}

);

$("#grid").jqGrid('filterToolbar', {stringResult: true, searchOnEnter: false, defaultSearch: 'cn', ignoreCase: true})

// Edit Row

$("#edit_grid").click(function(){

var gr = $("#grid").jqGrid('getGridParam','selrow');

if( gr != null )

$("#grid").jqGrid('editGridRow', gr, {height:180, width:180, reloadAfterSubmit:false});

else alert("Please Select Row");

});