title: How to automatically resize Kendo UI grid in a modal window
body: <p>I have 3 modal windows and each of them are having Kendo UI grids in them but when the data is less they show a white space at the bottom. Is there a way to automatically resize the grid. Below is the jsfiddle example:</p>
  
  <pre><code>var myWindow = $('#myWindow').kendoWindow({
  title: "My Window",
  width: 500,
  height: 400,
  open: function() {
      $('#grid').kendoGrid({
          dataSource: {
              type: "odata",
              transport: {
                  read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
              },
              pageSize: 3
          },
          height: 350,
          columns: [
              { field:"OrderID", width: 100 },
              { field: "Freight", width: 100 }
          ]
      });
  }
  });
  http://jsfiddle.net/piyushpj/dj3rwx4h/18/
  </code></pre>
  
  <p>If data is more then it works fine.</p>