jQuery Grid Plugin - jqGrid

jQuery(document).ready(function(){
 
  jQuery("#grid_id").jqGrid({
    url:'GridData.php',
    datatype: 'xml',
    mtype: 'GET',
    colNames:['ID','Code', 'Make','Model','Total','Notes'],
    colModel :[
      {name:'ID', index:'ID', width:45},
      {name:'Code', index:'Code', width:300},
      {name:'Make', index:'Make', width:200, align:'right'},
      {name:'Model', index:'Model', search:true, stype:'text', width:300, align:'right'},
      {name:'Total', index:'Total', width:80, align:'right'},
      {name:'Notes', index:'Notes', width:150, sortable:false}
    ],
    pager: '#pager',
   
    //altRows:true,
    //gridview:true, // makes it faster, but with some cons
    height:500,
    autowidth:true,
    forceFit:true,
    rowNum:200,
    hidegrid:false,
    rowList:[5,200,500],
    sortname: 'Code', // The default column to sort by
    sortorder: 'asc', // the default sort direction
    viewrecords: true,
    caption: 'Item Master'
  });
 
  jQuery("#grid_id").navGrid('#pager',{view:true, del:false},
{}, // use default settings for edit
{}, // use default settings for add
{},  // delete instead that del:false we need this
{multipleSearch : true}, // enable the advanced searching
{closeOnEscape:true} /* allow the view dialog to be closed when user press ESC key*/
);

jQuery("#grid_id").filterToolbar();

});