title: Order Columns in JqGrid
body: <p>I have this declaration on my script and i want to choose the columns that can see on it..</p>
  
  <pre><code>       $("#list").jqGrid({
              url: '/persons.ashx',
              datatype: 'xml',
              mtype: 'GET',
              colNames: ['Name', 'Age'],
              colModel: [
              { name: 'Name', index: 'Name', width: 100, align: 'center', editable: true, editoptions: { size: 30 }, editrules: { edithidden: false }, sortable: true },
              { name: 'Age', index: 'Age', width: 100, align: 'center', editable: true, editoptions: { size: 30 }, editrules: { edithidden: false }, sortable: true }
              ]
              ajaxSelectOptions: {
                  data: {
                      codSelected: function () { return _codSelected; }
                        }
              },
              onSelectRow: function (rowid) {
                 _codSelected = rowid;
              },
              autoencode: true,
              pager: '#pager',
              rowNum: 20,
              sortname: 'Name',
              sortorder: 'asc',
              sortable: true,
              autowidth: false,
              width: 999,
              height: -1,
              shrinkToFit: true,
              viewrecords: true,
              gridview: true,
              caption: 'Persons',
              editurl: ''
          });
  
          jQuery("#list").jqGrid('navGrid',
              '#pager',
              {
                  add: false,
                  del: false,
                  edit: false,
                  search: true,
                  refresh: true,
                  cloneToTop: true
              },
              { width: 360, resize: false, closeAfterEdit: true, recreateForm: true, viewPagerButtons: true
              },
              { width: 360, resize: false, closeAfterAdd: true, recreateForm: true },
              {}, //Delete action
              { closeAfterSearch: true, closeOnEscape: true }
          );
      });
  
          //CODE ADDDED TO CAN CHOOSE COLUMNS
          jQuery("#list").jqGrid('navButtonAdd', '#pager', {
                      caption: "",
                      buttonicon: "ui-icon-calculator",
                      title: "Choose columns",
                      onClickButton: function () {
                          $(this).jqGrid('columnChooser');
                      }
                  });
  </code></pre>
  
  <p>I have 14 columns, but i cant see all in my screen, i have put only 2 columns in this example, but i cant see the choose button near reload button, and in fact, cant choose any column to order it..</p>
  
  <p>Can anyone help me?</p>
  
  <p>Thanks.</p>