title: Kendo Grid - Horizontal Scrollbar does not appear when there is no data
body: <p>I have a Kendo UI Grid as listed below. The horizontal scroll bar is appearing when there are records. But it does not appear when there are no records. How to bring the scroll – bar even if there are no records.</p>
  
  <p><strong>Grid</strong></p>
  
  <pre><code>     &lt;div class="GridSearch"&gt;
  
       @(Html.Kendo().Grid&lt;Topco.TopMapp.MVC.Models.TransactionHistoryModel&gt;()
      .Name("TransactionHistroyGrid")
       .DataSource(dataSource =&gt; dataSource
          .Ajax()
          .Model(model =&gt;
          {
              model.Id(p =&gt; p.UserId);
              model.Field(p =&gt; p.Comment).Editable(true);
          })
  
          .PageSize(25)
          .ServerOperation(true)
          .Read(read =&gt; read
              .Action("TransactionHistorySearch_Read", "Home")
              .Data("additionalData")
              )
       )
      .Columns(columns =&gt;
      {
  
          columns.Command(c =&gt; c.Custom("Edit").Click("editDetails")).HeaderTemplate("Action").HeaderHtmlAttributes(new { style = "text-align: center;" }).Width(90);
          columns.Command(c =&gt; { c.Custom("Save").Click("saveDetails"); c.Custom("Cancel").Click("cancelDetails"); }).Hidden();
          columns.Bound(p =&gt; p.UserId).Filterable(false).Title("UserID").HeaderHtmlAttributes(new { style = "text-align: center;" }).Width(90);
          columns.Bound(p =&gt; p.Status).Filterable(false).Title("Status").HeaderHtmlAttributes(new { style = "text-align: center;" }).Width(70);
          columns.Bound(p =&gt; p.Reviewed).HeaderHtmlAttributes(new { style = "text-align: center;" }).Template(@&lt;text&gt;&lt;/text&gt;).ClientTemplate("&lt;input id='checkbox'  class='chkbx' type='checkbox' disabled='disabled' /&gt;").Filterable(false).Title("Reviewed").Width(80);
          columns.Bound(p =&gt; p.ProjectCaseNumber).Filterable(false).Title("Project Case #").HeaderHtmlAttributes(new { style = "text-align: center;" }).Width(100);
          columns.Bound(p =&gt; p.CostPage).Filterable(false).Title("CP Page #").HeaderHtmlAttributes(new { style = "text-align: center;" }).Width(90);
          columns.Bound(p =&gt; p.ItemID).Filterable(false).Title("Item ID #").HeaderHtmlAttributes(new { style = "text-align: center;" }).Width(90);
          columns.Bound(p =&gt; p.TypeOfChange).Filterable(false).Title("Type of Change").HeaderHtmlAttributes(new { style = "text-align: center;" }).Width(100);
          columns.Bound(p =&gt; p.ChangeDescription).Filterable(false).Title("Change Description").HeaderHtmlAttributes(new { style = "text-align: center;" }).Width(120);
          columns.Bound(p =&gt; p.CreatedOnEnd).Format("{0:MM/dd/yyyy}").Filterable(false).Title("Created On").HeaderHtmlAttributes(new { style = "text-align: center;" }).Width(85);
          columns.Bound(p =&gt; p.UpdatedOnEnd).Format("{0:MM/dd/yyyy}").Filterable(false).Title("Updated On").HeaderHtmlAttributes(new { style = "text-align: center;" }).Width(85);
          columns.Bound(p =&gt; p.Comment).Filterable(false).Title("Comment").HeaderHtmlAttributes(new { style = "text-align: center;" }).Width(140);
          columns.Bound(p =&gt; p.Id).Hidden();
  
          currentIndex++;
      })
      .Pageable()
      .Sortable(sorting =&gt; sorting.AllowUnsort(false))
      .Scrollable()
      .Resizable(resize =&gt; resize.Columns(true))
      .Filterable()
      .HtmlAttributes(new { style = "height:325px;" }).Events(e =&gt; e.DataBound("onRowDataBound"))
  
  )
    &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.GridSearch {
      float: left;
      width: 960px;
      height: 325px;
      padding: 2px 0 20px 0px;
      clear:left;
  }
  </code></pre>
  
  <p><strong>Result</strong></p>
  
  <p><img src="https://i.stack.imgur.com/kN0Cw.png" alt="enter image description here"></p>
  
  <hr>