working jqGrid Example

by rough cheap

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">
  <tr>
    <td/>
  </tr>
</table>
<div id="pager"></div>

JavaScript

$(document).ready(function() {
  var mydata = [{
        id: "1",
        invdate: "2007-10-01",
        name: "test",
        note: "note",
        amount: "200.00",
        tax: "10.00",
        closed: true,
        ship_via: "TN",
        total: "210.00"
      },
      {
        id: "2",
        invdate: "2007-10-02",
        name: "test2",
        note: "note2",
        amount: "300.00",
        tax: "20.00",
        closed: false,
        ship_via: "FE",
        total: "320.00"
      },
      {
        id: "3",
        invdate: "2007-09-01",
        name: "test3",
        note: "note3",
        amount: "400.00",
        tax: "30.00",
        closed: false,
        ship_via: "FE",
        total: "430.00"
      },
      {
        id: "4",
        invdate: "2007-10-04",
        name: "test4",
        note: "note4",
        amount: "200.00",
        tax: "10.00",
        closed: true,
        ship_via: "TN",
        total: "210.00"
      },
      {
        id: "5",
        invdate: "2007-10-31",
        name: "test5",
        note: "note5",
        amount: "300.00",
        tax: "20.00",
        closed: false,
        ship_via: "FE",
        total: "320.00"
      },
      {
        id: "6",
        invdate: "2007-09-06",
        name: "test6",
        note: "note6",
        amount: "400.00",
        tax: "30.00",
        closed: false,
        ship_via: "FE",
        total: "430.00"
      },
      {
        id: "7",
        invdate: "2007-10-04",
        name: "test7",
        note: "note7",
        amount: "200.00",
        tax: "10.00",
        closed: true,
        ship_via: "TN",
        total: "210.00"
      },
      {
        id: "8",
        invdate: "2007-10-03",
        name: "test8",
        note: "note8",
        amount: "300.00",
        tax: "20.00",
        closed: false,
        ship_via: "FE",
        total: "320.00"
      },
      {
        id: "9",
        invdate: "2007-09-01",
        name: "test9",
        note: "note9",
        amount:...