title: jqGrid horizontal scrollbar
body: <p>I developed AJAX interface with jQuery and jqGrid.</p>
  
  <p>How I can remove horizontal scrollbar from my jqGrid table?</p>
  
  <p><a href="http://dskarataev.ru/jqgrid.png" rel="noreferrer">http://dskarataev.ru/jqgrid.png</a></p>
  
  <p>If I set <code>autowidth: true</code>, then I get width of table = sum width of columns, but I need width of table = width of parent element with id returned by function <code>getSelectedTabHref()</code></p>
  
  <p>so I make function:</p>
  
  <pre><code>$(window).bind('resize', function() {
    $('#tasks').setGridWidth($(getSelectedTabHref()).width());
    $('#tasks').setGridHeight($(window).height()-190);
  }).trigger('resize');
  </code></pre>
  
  <p>and here is how I create jqGrid table:</p>
  
  <pre><code>$('#tasks').jqGrid({
    datatype: 'local',
    colNames:[labels['tasksNum'],labels['tasksAdded']+"/"+labels['tasksAccepted'],labels['tasksOperator'],labels['tasksClient'],labels['tasksManager'],labels['tasksDesc']],
    colModel :[
      {name:'taskId', index:'taskId', width:1, align:'right'},
      {name:'taskAdded', index:'taskAdded', width:3},
      {name:'taskOperator', index:'taskOperator', width:4},
      {name:'taskClient', index:'taskClient', width:7},
      {name:'taskManager', index:'taskManager', width:4},
      {name:'taskDesc', index:'taskDesc', width:8}]
  });
  </code></pre>
  
  <p></p>