title: How to implement search in jQgrid so that user can filter by <,> or <=, >=?
body: <p>The jQuery grid has filter options on top, where I can either enter "text" or implement a dropdown list.</p>
  
  <p>What I wish to do however, is allow the use to search an int column such as "tax" with configurable options such as '&lt;10' where both '&lt;' and '10' should be user parameters. This would be a sort of customer search.</p>
  
  <p>I prefer not to have this search in an additional modal, but as a last resort that is also ok.</p>
  
  <p>Here is what I have so far.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var mydata = [
          {id:"1",invdate:"2010-05-24",name:"test",note:"note",tax:"10.00",total:"2111.00"} ,
          {id:"2",invdate:"2010-05-25",name:"test2",note:"note2",tax:"20.00",total:"320.00"},
          {id:"3",invdate:"2007-09-01",name:"test3",note:"note3",tax:"30.00",total:"430.00"},
          {id:"4",invdate:"2007-10-04",name:"blah",note:"stuff",tax:"10.00",total:"210.00"},
          
      ];
  grid = jQuery("#list"); 
  
  grid.jqGrid({
      data: mydata,
      datatype: "local",
      height: 150,
      rowNum: 10,
      rowList: [10,20,30],
      colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
      colModel:[
             {name:'id',index:'id', width:60, sorttype:"int", search: true},
             {name:'invdate',index:'invdate', width:90, sorttype:"date", formatter:"date"},
             {name:'name',index:'name', width:100},
             {name:'amount',index:'amount', width:80, align:"right",sorttype:"float", formatter:"number"},
             {name:'tax',index:'tax', width:80, align:"right",sorttype:"float",
            searchoptions: {sopt:['gt']}
              },        
             {name:'total',index:'total', width:80,align:"right",sorttype:"float"},        
             {name:'note',index:'note', width:150, sortable:false}        
         ],
         pager: "#pager",
         viewrecords: true,
         autowidth: true,
         height: 'auto',
         caption: "Test Grid"
  });
  
  jQuery("#list").jqGrid('filterToolbar', {stringResult: true, searchOnEnter: false, defaultSearch: "cn" });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/themes/redmond/jquery-ui.min.css"&gt;
   &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.15.2/css/ui.jqgrid.min.css"&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.15.2/jquery.jqgrid.min.js"&gt;&lt;/script&gt;
  &lt;table id="list"&gt;&lt;/table&gt;
  &lt;div id="pager"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>