jqGrid Example

HTML

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

JavaScript

jQuery(document).ready(function() {
  var editOptionsFunction = {
    dataEvents: [{
      type: 'focusin',
      fn: function(e) {
        var elem = e.target;
        setTimeout(function() {
          elem.select();
        }, 50);
      }
    }]
  };
  var lastsel2;
  var selection = '';
  var selectionColumn = '';
  var autocompleteDiscountSource;
  var selection = '';
  var selectionColumn = '';
  var cont;
  var commonSettings = {
    align: 'center'
  };
  var serverResponse = {
    "page": 1,
    "total": 1,
    "records": 5,
    "rows": [{
      "id": "4204627040820160MPJpfd3i7hr9lshojknpmkftih6i6dshah",
      "cell": ["4204627040820160MPJpfd3i7hr9lshojknpmkftih6i6dshah", false, null, {
        "date": "2016-04-08 00:00:00",
        "timezone_type": 3,
        "timezone": "America\/Toronto"
      }, "STA20", "F780C26D", "F65UL C26D", 2, 0, 2, 0, "B", 10, "7.9500", "N", 0, 0, null, null, null, "Minimum order $50.00\r\ncan purchase rutherford DCI products\r\n\r\n\r\nEVA Toteda\r\[email protected]\r\n\r\nTanya Toteda \[email protected]\u003E", 1, null, null, null, null, 1, "MPJ", 4204, null, null, null]
    }, {
      "id": "3522557041320160MPJpfd3i7hr9lshojknpmkftih6i6dshah",
      "cell": ["3522557041320160MPJpfd3i7hr9lshojknpmkftih6i6dshah", false, null, {
        "date": "2016-04-13 00:00:00",
        "timezone_type": 3,
        "timezone": "America\/Toronto"
      }, "INT20", "BB152454NRPC3", "BB152 4 1\/2 X 4 NRP C3", 6, 0, 6, 0, "N", 5, "4.2000", "N", 0, 0, null, null, null, null, 0, null, null, null, null, 0, "MPJ", 3522, null, null, null]
    }, {
      "id": "360876624041320160MPJpfd3i7hr9lshojknpmkftih6i6dshah",
      "cell": ["360876624041320160MPJpfd3i7hr9lshojknpmkftih6i6dshah", false, null, {
        "date": "2016-04-13 00:00:00",
        "timezone_type": 3,
        "timezone": "America\/Toronto"
      }, "PRO20", "Z360876", "6775 FINANCIAL DR FL 5 C\/W 2 CUT KEYS", 1, 0, 1, 0, "N", 5, "35.0000", "N", 0, 0, null, null, "RYAN...