title: Setting Kendo UI grid height 100% of wrapper
body: <p>I know there is an easy way to set fixed height of a Kendo UI grid through their API but for our specific needs, I need to make the grid expand in full height of its wrapper.</p>
  
  <p>With the following markup structure, I set <code>.wrapper</code> to <code>height:600px</code>
  and I tried to give <code>.k-grid-content</code> <code>height:100%</code> but it doesn't expand.
  <code>#grid</code> expands to 100% with <code>height:100%</code> but I need the inside contents to expand as well. How do I achieve that?  </p>
  
  <p>Here is the demo <a href="http://jsbin.com/cocon/1/">JS BIN</a></p>
  
  <pre><code>&lt;div class="wrapper"&gt;
      &lt;div id="grid"&gt;
          &lt;div class="k-grid-header"&gt;&lt;/div&gt;
          &lt;div class="k-grid-content"&gt;&lt;/div&gt;
          &lt;div class="k-grid-pager"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>