jQuery Grid Plugin - jqGrid

    var lastsel;
    $("#adminGroupPermissions").jqGrid({
       datatype: "local",
       height: 250,
       colNames:['ID','Queue Pattern', 'Read Queue', 'Write Queue','Read Topic','Write Topic'],
       colModel:[
          {name:'id',index:'id', width:60, sorttype:"int"},
          {name:'queuePattern',index:'queuePattern', width:150, editable:true, sorttype:"text"},
          {name:'permReadQueue',index:'permReadQueue', width:80, editable:true, formatter:'checkbox', edittype:'checkbox', stype:'select', editoptions:{value:'1:0'}},
          {name:'permWriteQueue',index:'permWriteQueue', width:80, editable:true, formatter:'checkbox', edittype:'checkbox', stype:'select', editoptions:{value:'1:0'}},
          {name:'permReadTopic',index:'permReadTopic', width:80, editable:true, formatter:'checkbox', edittype:'checkbox', stype:'select', editoptions:{value:'1:0'}},
          {name:'permWriteTopic',index:'permWriteTopic', width:80, editable:true, formatter:'checkbox', edittype:'checkbox', stype:'select', editoptions:{value:'1:0'}}
       ],
       multiselect: false,
       caption: "Group Permissions",
       rowNum:10,
       rowList:[10,20,30],
       pager: '#pager',
       sortname: 'id',
       viewrecords: true,
       sortorder: "asc",
       onSelectRow: function(id) {
          if(id && id!==lastsel) {
             $('#adminGroupPermissions').jqGrid('restoreRow',lastsel);
             $('#adminGroupPermissions').jqGrid('editRow',id,true);
             lastsel=id;
          }
       },
       editurl: "server.php",
    });
    $("#adminGroupPermissions").jqGrid('navGrid',"#pager",{edit:false,add:false,del:false});