Kendo Grid vertical scroll is not working

4 posts, 0 answers
  1. Arathi
    Arathi avatar
    4 posts
    Member since:
    Sep 2014

    Posted 24 Nov 2014 Link to this post

    Hi Team,

    I am using kendo css version : Kendo UI v2014.2.716

    But in this the vertical scroll for the grid id not getting affected, it always grows according to data.
    Is there any possibility to fix without changing the version?


    Thanks
    Arathi
  2.
  3. Dimo
    Admin
    Dimo avatar
    8478 posts

    Posted 25 Nov 2014 Link to this post

    Hello Arathi,

    Are you seeing the described issue only with the specified version 2014.2.716? Are you sure the Grid has a height set or a height style applied?

    http://docs.telerik.com/kendo-ui/web/grid/appearance#height

    If the answer to any of the above questions is "yes", please provide a simple demo, so that I can check your scenario.

    Regards,
    Dimo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  5. Chris
    Chris avatar
    1 posts
    Member since:
    May 2018

    Posted 21 May 2018 in reply to Dimo Link to this post

    I am have the exact same issue. I added the Html attribute seen below and it has hod no impact.

    Please advise. This is MVC version 5.

     

    @(Html.Kendo().Grid(Model.CustomerList)
                .Name("grdCustomers")
                .HtmlAttributes(new { style = "height: 100px; max-height: 100px" })
                .Scrollable()
                .Columns(columns =>
                {
                    columns.Bound("Number").Width(120);
                    columns.Bound("FullName");
                    columns.Bound("Address.StreetAddress1");
                })
             );

     

  7. Stefan
    Admin
    Stefan avatar
    3006 posts

    Posted 23 May 2018 Link to this post

    Hello, Chris,

    This is indeed the expected code.

    I made an example using the same approach and the Grid height was set to 100px.

    I have attached the example for reference.

    If the issue still occurs please provide an example reproducing it and I will gladly investigate further.

    Regards,
    Stefan
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  8.
Back to Top