jqgrid multiselect + filter

demo

by rough cheap

HTML

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/redmond/jquery-ui.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/css/ui.jqgrid.css">
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/js/i18n/grid.locale-en.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/js/jquery.jqGrid.min.js"></script>
<table id="grid"></table>
<div id="pager"></div>
<input type="button" id="toggle" value="toggle" />
<input type="button" id="clear" value="clear" />
<input type="button" id="trigger" value="trigger" />

JavaScript

$("#toggle").on('click', function(e) {
  $('#grid')[0].toggleToolbar();
});

$("#clear").on('click', function(e) {
  $("#grid")[0].clearToolbar();
});

var storedrows = [];
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: "test",
    note: "note",
    tax: "10.00",
    total: "210.00"
  },
  {
    id: "5",
    invdate: "2007-10-05",
    name: "test2",
    note: "note2",
    tax: "20.00",
    total: "320.00"
  },
  {
    id: "6",
    invdate: "2007-09-06",
    name: "test3",
    note: "note3",
    tax: "30.00",
    total: "430.00"
  },
  {
    id: "7",
    invdate: "2007-10-04",
    name: "test",
    note: "note",
    tax: "10.00",
    total: "210.00"
  },
  {
    id: "8",
    invdate: "2007-10-03",
    name: "test2",
    note: "note2",
    amount: "300.00",
    tax: "21.00",
    total: "320.00"
  },
  {
    id: "9",
    invdate: "2007-09-01",
    name: "test3",
    note: "note3",
    amount: "400.00",
    tax: "30.00",
    total: "430.00"
  },
  {
    id: "11",
    invdate: "2007-10-01",
    name: "test",
    note: "note",
    amount: "200.00",
    tax: "10.00",
    total: "210.00"
  },
  {
    id: "12",
    invdate: "2007-10-02",
    name: "test2",
    note: "note2",
    amount: "300.00",
    tax: "20.00",
    total: "320.00"
  },
  {
    id: "13",
    invdate: "2007-09-01",
    name: "test3",
    note: "note3",
    amount: "400.00",
    tax: "30.00",
    total: "430.00"
  },
  {
    id: "14",
    invdate: "2007-10-04",
    name: "test",
    note: "note",
    amount: "200.00",
    tax: "10.00",
    total: "210.00"
  },
  {
    id: "15",
    invdate: "2007-10-05",
    name:...