title: EXTJS Grid rendering issue
body: <p>I am new to ExtJs and I am using ExtJs grid to show data in tabular format.
  I am having following <code>&lt;div&gt;</code> structure -</p>
  
  <pre><code>&lt;div id="div1" style="height:98%;padding:2px;display:none;"&gt;
       &lt;div id="grid_id"&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The div1 contains the grid_div. Initially when the page loads the div1 display is set to none.
  As its display is set to none, the extjs grid that is getting rendered to the div grid_div is not getting displayed.
  If am setting the display as '' for the div1 then I am able to see the grid.</p>
  
  <p>I am not unable to figure out what is causing the probelm, may be it's because while rendering the grid is taking the parent div's width and height, and as parents display is set to none its taking width and height as 0. But I am not sure about this.</p>
  
  <p>Can somebody help me out to understand how the grid is rendered in this case.
  Thanks!</p>