title: responsive/fluid jQGrid with Twitter Bootstrap
body: <p>I started creating application uses jQgrid in many places. Now the customer wanted to use <a href="http://getbootstrap.com/2.3.2/" rel="noreferrer">Twitter Bootstrap</a> so they can view the site nicely in iPad.</p>
  
  <p>We have atmost done everything, except jQGrid plugin. It uses a <code>px width</code> for defining width of the grid and <code>column width</code>.</p>
  
  <pre><code>jQuery("#list2").jqGrid({
      url:'server.php?q=2',
      datatype: "json",
      colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
      colModel:[
          {name:'id',index:'id', width:55},
          {name:'invdate',index:'invdate', width:90},
          {name:'name',index:'name asc, invdate', width:100},
          {name:'amount',index:'amount', width:80, align:"right"},
          {name:'tax',index:'tax', width:80, align:"right"},      
          {name:'total',index:'total', width:80,align:"right"},       
          {name:'note',index:'note', width:150, sortable:false}       
      ],
      rowNum:10,
      rowList:[10,20,30],
      pager: '#pager2',
      sortname: 'id',
      viewrecords: true,
      sortorder: "desc",
      caption:"JSON Example"
  });
  jQuery("#list2").jqGrid('navGrid','#pager2',{edit:false,add:false,del:false});
  </code></pre>
  
  <p>I have no idea about How to deal this responsive issue with jQGrid. Alternatively I can replace jQGrid with <a href="https://datatables.net/" rel="noreferrer">DataTable</a> Plugin for responsiveness. But we use jQgrid in many place and functions very well, we dont want to break existing functionality.</p>
  
  <p>Any idea/suggestions to use jQgrid as responsiveness/fluid layout support?</p>