title: jqgrid columns order
body: <p>I have jqgrid which read data from json service</p>
  
  <pre><code>$('#list').jqGrid({
      url: 'jsonservice',
      datatype: 'json',
      mtype: 'GET',
      colNames: ['Id', 'Name', 'Street', 'City'],
      colModel: [
      { name: 'Id', index: 'Id', width: 55, align: 'center', width: '25' }
      { name: 'Name', index: 'Name', width: 120 },
      { name: 'Street', index: 'Street', width: 90 },
      { name: 'City', index: 'City', width: 50 },
      ]
  });
  </code></pre>
  
  <p>the json service returns data like this</p>
  
  <pre><code>{"page":1,
  "total":37,
  "records":722,
  "rows":
  [
      {"id":1,"cell":[1, "Sample name 1","Sample Street 2","Sample City 3"]},
      {"id":2,"cell":[2, "Sample name 2","Sample Street 2","Sample City 3"]}
  ]
  }
  </code></pre>
  
  <p>How to change order of displayed columns to e.g. Name, City, Street, Id without changing order in json data?</p>