This is a migrated thread and some comments may be shown as answers.

Horizontal scrolling for Kendo Grid Column header not working

1 Answer 769 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Ajinkya
Top achievements
Rank 1
Ajinkya asked on 02 Jun 2014, 01:18 PM
Horizontal scrolling of Kendo Grid Column header is not working as expected.
I have 10 columns in my Grid. I have used the
          Columns.Bound(columns => columns.ID).Width(/*this is variable */)

 for every column. So the horizontal scroll appears now. But when I scroll to either Left or Right , the Column header section remains static i.e. does not move with the scroll. The following is what I tried :

   <link href="../../../../Content/kendo/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="../../../../Content/kendo/kendo.default.min.css" rel="stylesheet" type="text/css" />
<script src="../../../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="../../../../Scripts/kendo/kendo.all.min.js" type="text/javascript"></script>
 //// Also used this---  <script src="../../../../Scripts/kendo/2014.1.415/kendo.aspnetmvc.min.js" type="text/javascript"></script>

 @(Html.Kendo().Grid((IEnumerable<TelerikMvcApp.Areas.UIConfig.Models.GenericUIClass>)ViewBag.GridData)
      .Name("grid")
      .Columns(columns =>
      {
          foreach (string value in ViewBag.GridData)
          {
              columns.Bound(genericUI => genericUI.column).Width(500).Title(value);
          }
      })
     .Scrollable(s => s.Enabled(true)
    )

   The problem is similar to the thread below:
     http://www.telerik.com/forums/horizontal-scroll-bar-in-grid-but-not-working-for-header-
    
 I also tried what is suggested:
    http://docs.kendoui.com/getting-started/javascript-dependencies 

But still the problem persists.  Thank You.


1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 04 Jun 2014, 06:51 AM
Hello Ajinkya,

The jQuery version is too old and not compatible with the Kendo UI version, as explained in our documentation:

http://docs.telerik.com/kendo-ui/getting-started/javascript-dependencies#jquery-version

Using an incompatible jQuery version can be exhibited in a number of different ways, for example, failing event handlers, as in this case.

On a side note, the correct Kendo UI version number is 2014.1.416, but this does not really matter, as long as the required scripts and stylesheets are registered. The problem is caused by the Kendo UI Visual Studio extension and is fixed now.

Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Ajinkya
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or