jQuery Grid Plugin - jqGrid

<script type="text/javascript">

var gridimgpath = 'application/assets/css/flick/images';

jQuery(document).ready(function(){

jQuery("#s4list").jqGrid({

   url:'http://localhost/coastal/ink_o.....a&#39;,
    datatype: "xml",
    width: 785,
   height: 320,
   colNames:['ID #','First Name', 'Last Name','e-Mail Address',''],
   colModel :[
   {name:'customer_id', index:'customer_id', width:10, align:'center'},
   {name:'firstname', index:'firstname', width:20, align:'left'},
   {name:'lastname', index:'lastname', width:20, align:'left'},
   {name:'email', index:'email', width:30, align:'left'},
   {name:'edit', index:'edit', width:20, sortable:false, align:'center'} ],

   scrollOffset:0,
   rowNum:15,
   mtype: "POST",
   rowList:[1,5,10,15],
   imgpath: gridimgpath,
   pager: '#s4pager',
   sortname: 'customer_id',
   sortorder: 'asc',
   viewrecords: true,
   rownumbers: true,
   gridview : true,
   }).navGrid('#s4pager',
{
    edit:false,add:false,del:false,search:true,refresh:true
},
{}, // edit options
{}, // add options
{}, //del options

{multipleSearch:true} // search options

);

});
</script>

search : {
caption: "Search...",
Find: "Find",
Reset: "Reset",
odata : ['equal', 'not equal', 'less', 'less or equal','greater','greater or equal', 'begins with','does not begin with','is in','is not in','ends with','does not end with','contains','does not contain'],
groupOps: [ { op: "AND", text: "all" }, { op: "OR", text: "any" } ],
matchText: " match",
rulesText: " rules"
},