title: How to Set Kendo grid height to a fixed value on page load
body: <p>I am trying to get a Kendo  grid with a static height and width.
  It absolutely must not change height and width when I page (which it currently does, due to variably-sized data).
  If data increases ,I should  provide the Scrolling.</p>
  
  <p>The problem is that  when the page is first loading with Data the kendo grid is not setting to that fixed height and width.
  but if I resize the window it is getting that fixed height and Providing the Scroll option inside Kendo Grid</p>
  
  <p>So I can I set the height Of kendo Grid at a fixed value when it loads for first time</p>
  
  <p>Kendo Version : v2014.1.318</p>
  
  <p>Code:</p>
  
  <pre><code>$("#ViewUnitContainerTracking").kendoGrid({
                          sortable: true,
                          height:"280px",
  
                          columns: [
                              {
                                  field: "UnitCode",
                                  title: "Unit",
                                  width: "15%"
                              },
  
                               {
                                   field: "UnitName",
                                   title: "Unit Name",
                                   width: "35%"
                               },
  
                              {
                                  field: "Status",
                                  title: "St",
                                  width: "5%",
                                  template: $("#TemplateViewUnitTrackingStatus").text()
                              },
  
                               {
                                   field: "StartDate",
                                   title: "Start Date",
                                   //template: $("#TemplateViewUnitTrackingStartDate").text(),
                                   width: "15%",
                                   //type: "date"
                               },
  
                                {
                                    field: "EndDate",
                                    title: "End Date",
                                    //template: $("#TemplateViewUnitTrackingEndDate").text(),
                                    width: "15%",
                                    //type: "date"
                                },
  
                               {
                                   field: "AssessPrgress",
                                   title: "%OAP",
                                   width: "10%"
                               },
                               {
                                   field: "Status",
                                   title: "Status",
                                   hidden: true
                               }
  
                          ],
                          editable: false,
                          resizable: false,
                          mobile: true,
                          dataSource: data.UnitList
                      });
  </code></pre>
  
  <p>Html Page:</p>
  
  <pre><code>&lt;div id="ViewUnitContainerTracking" style="padding-top:10px;"&gt;
  &lt;/div&gt;
  </code></pre>