title: Set Kendo grid height to match its container
body: <p>I've got a Kendo grid:</p>
  
  <pre><code>&lt;section class="main-window"&gt;
  
      @model IEnumerable&lt;SustIMS.Models.ModelTest&gt;
  
      &lt;div class="clear-both"&gt;
  
          &lt;div class="field-value" style="height: 30px; border-bottom: 1px solid black"&gt;
  
          &lt;/div&gt;
  
          &lt;div id="datagrid"&gt;
              @(Html.Kendo().Grid(Model)
                  .Name("datagrid_Concessoes")
                  .Columns(columns =&gt;
                  {
                      columns.Bound(c =&gt; c.Id).Width(70);
                      columns.Bound(c =&gt; c.Code);
                      columns.Bound(c =&gt; c.Description);
                      columns.Bound(c =&gt; c.CreationDate);
                      columns.Bound(c =&gt; c.CreationUser);
                  })
                  .Scrollable()
                  .Sortable()
                  .Selectable()
                  .Pageable(pageable =&gt; pageable
                      .Refresh(true)
                      .PageSizes(true)
                      .ButtonCount(5))
                  .DataSource(dataSource =&gt; dataSource
                      .Ajax()
                      .Read(read =&gt; read.Action("GetAutoEstradas", "MasterData"))
                  )
              )
          &lt;/div&gt;
  
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>Here's the section CSS:</p>
  
  <pre><code>.main-window
  {
      border: 2px solid gray;
      border-radius: 2px;
      width: 95%; height: 70%;
      background-color: White;
      margin: auto;
      position: absolute;
      top: 0; left: 0; bottom: 0; right: 0;
      box-sizing: border-box;
  }
  </code></pre>
  
  <p>I want the Kendo grid to have the height of its container. I've tried the </p>
  
  <pre><code>.Scrollable(s =&gt; s.Height(200))
  </code></pre>
  
  <p>but it only accepts values in pixels, not in percentage.</p>
  
  <p>How can I set the Kendo grid to fit its container div/section?</p>
  
  <p>PS: I've checked <a href="https://stackoverflow.com/questions/22622241/setting-kendo-ui-grid-height-100-of-wrapper">this question</a> but didn't find a solution for me</p>