JQGrid Local Data Filtering using Column Filters

JQGrid Local Data Filtering using Column Filters

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css">
<link rel="stylesheet" href="http://trirand.com/blog/jqgrid/themes/ui.jqgrid.css">
<script src="http://trirand.com/blog/jqgrid/js/i18n/grid.locale-en.js"></script>
<script src="http://trirand.com/blog/jqgrid/js/jquery.jqGrid.min.js"></script>
<table id="list"></table>
<div id="pager"></div>

JavaScript

//Get this Data Via AJAX Request
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"
}, {
    id: "5",
    invdate: "2010-05-24",
    name: "test1",
    note: "note",
    tax: "10.00",
    total: "2111.00"
}, {
    id: "6",
    invdate: "2010-05-25",
    name: "test12",
    note: "note2",
    tax: "20.00",
    total: "320.00"
}, {
    id: "7",
    invdate: "2007-09-01",
    name: "test13",
    note: "note3",
    tax: "30.00",
    total: "430.00"
}, {
    id: "8",
    invdate: "2007-10-04",
    name: "blah1",
    note: "stuff",
    tax: "10.00",
    total: "210.00"
}, {
    id: "9",
    invdate: "2010-05-24",
    name: "test2",
    note: "note",
    tax: "10.00",
    total: "2111.00"
}, {
    id: "10",
    invdate: "2010-05-25",
    name: "test22",
    note: "note2",
    tax: "20.00",
    total: "320.00"
}, {
    id: "11",
    invdate: "2007-09-01",
    name: "test32",
    note: "note3",
    tax: "30.00",
    total: "430.00"
}, {
    id: "12",
    invdate: "2007-10-04",
    name: "blah2",
    note: "stuff",
    tax: "10.00",
    total: "210.00"
}, {
    id: "13",
    invdate: "2010-05-24",
    name: "test3",
    note: "note",
    tax: "10.00",
    total: "2111.00"
}, {
    id: "14",
    invdate: "2010-05-25",
    name: "test32",
    note: "note2",
    tax: "20.00",
    total: "320.00"
}, {
    id: "15",
    invdate: "2007-09-01",
    name: "test33",
    note: "note3",
    tax: "30.00",
    total: "430.00"
}, {
    id: "16",
    invdate: "2007-10-04",
    name: "blah3",
    note: "stuff",
    tax: "10.00",
    total: "210.00"
}, {
 ...