title: jqGrid - Is there a way to always display a vertical scrollbar?
body: <p>My application has several jqGrids that may or may not contain enough rows to require a vertical scrollbar. But rows may be dynamically added to these grids after they have been created, so that a grid may eventually require a scrollbar.</p>
  
  <p>The problem is that if the grid does not have enough rows to require a scrollbar, there is empty space on the right-hand side of the grid. I would like to fix this somehow - either always display the vertical scrollbar, or somehow dynamically add it when necessary.</p>
  
  <p>I tried adding the following CSS to the grid's .ui-jqgrid-bdiv div:</p>
  
  <pre><code>overflow-y: scroll;
  </code></pre>
  
  <p>Using the following jQuery (the code is ugly, I know):</p>
  
  <pre><code>$("#mygrid").closest(".ui-jqgrid-bdiv").attr("style",
  $("#mygrid").closest(".ui-jqgrid-bdiv").attr("style") + " overflow-y: scroll; ");
  </code></pre>
  
  <p>This works fine on Firefox and Chrome, but on IE the grid never displays the scrollbar (no matter how many rows I add, they are added to the bottom of the grid and a vertical scrollbar never appears). </p>
  
  <p>Any help is appreciated!</p>