title: Make JqGrid width fluid
body: <p>Corrected Code :</p>
  
  <pre><code>&lt;script&gt;
      var $grid = $("#list2");
      emptyMsgDiv = $("&lt;div&gt;&lt;span style='color:red; text-align:center;font-size:18px;display:block;'&gt;No Workorder Found&lt;/span&gt;&lt;/div&gt;");
      jQuery("#list2").jqGrid({
          url:'server.php',
          datatype: "json",
          mtype: 'POST',
          colNames:['WO#','Status','Customer Name','Salesman', 'Created Date', 'WO Total', 'Notes', 'Edit'],  
          colModel:[ 
                 {name:'id',index:'id', align:"center"}, 
                 {name:'status1',index:'status1', align:"center", width:100}, 
                 {name:'status2',index:'status2', align:"center", width:50}, 
                 {name:'status3',index:'status3', align:"center"}, 
                 {name:'result',index:'result', align:"center", sortable:false}          
          ],
          rowNum:10,
          rowList:[10,20,30],
          pager: '#pager2',
          sortname: 'Invoice.id',
          viewrecords: true,
          height:'100%',
          autowidth:true,
          sortorder: "desc",
          height: '100%',
          loadComplete: function() {
               var ts = this;
               if (ts.p.reccount === 0) {
                   $(this).hide();
                   emptyMsgDiv.show();
               } else {
                   $(this).show();
                   emptyMsgDiv.hide();
               }
          }
      });
      emptyMsgDiv.insertAfter($grid.parent());
      &lt;/script&gt;
  </code></pre>
  
  <p>Here is the code I have for my JqGrid :</p>
  
  <pre><code>&lt;script&gt;
  var $grid = $("#list2");
  emptyMsgDiv = $("&lt;div&gt;&lt;span style='color:red; text-align:center;font-size:18px;display:block;'&gt;No Workorder Found&lt;/span&gt;&lt;/div&gt;");
  jQuery("#list2").jqGrid({
      url:'server.php',
      datatype: "json",
      mtype: 'POST',
      colNames:['WO#','Status','Customer Name','Salesman', 'Created Date', 'WO Total', 'Notes', 'Edit'],  
      colModel:[ 
             {name:'id',index:'id', align:"center"}, 
             {name:'status1',index:'status1', align:"center"}, 
             {name:'status2',index:'status2', align:"center"}, 
             {name:'status3',index:'status3', align:"center"}, 
             {name:'result',index:'result', align:"center", sortable:false}          
      ],
      rowNum:10,
      rowList:[10,20,30],
      pager: '#pager2',
      sortname: 'Invoice.id',
      viewrecords: true,
      height:'100%',
      sortorder: "desc",
      height: '100%',
      loadComplete: function() {
           var ts = this;
           if (ts.p.reccount === 0) {
               $(this).hide();
               emptyMsgDiv.show();
           } else {
               $(this).show();
               emptyMsgDiv.hide();
           }
      }
  });
  emptyMsgDiv.insertAfter($grid.parent());
  &lt;/script&gt;
  </code></pre>
  
  <p>I am trying to make the colModel fluid width for the page, I am able to change the width manually for each of the columns as in the following tidbit :</p>
  
  <pre><code>{name:'status1',index:'status1', align:"center", width:50}
  </code></pre>
  
  <p>However, I can not define percentages, or seem to figure out how to do fluid width.  Does anyone have any ideas?</p>