Horizontal scrolling for Kendo Grid Column header not working

2 posts, 0 answers
  1. Ajinkya
    Ajinkya avatar
    1 posts
    Member since:
    May 2014

    Posted 02 Jun 2014 Link to this post

    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>

          .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:
     I also tried what is suggested:

    But still the problem persists.  Thank You.

  2. Dimo
    Dimo avatar
    8318 posts

    Posted 04 Jun 2014 Link to this post

    Hello Ajinkya,

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


    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.

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top