Grid Horizontal scrolling not working

7 posts, 1 answers
  1. Shiva
    Shiva avatar
    61 posts
    Member since:
    Oct 2010

    Posted 25 Apr 2012 Link to this post

    Dear Community,

    I have set grid width as 500 and have defined width of all of its columns and their total width (800) exceeds grid's width (500) but still horizontal scrolling is not coming.

    Is there any property setting that needs to be done? Please share a working code with me.

    Cheers,
    Shiva
  2. Answer
    Dimo
    Admin
    Dimo avatar
    8485 posts

    Posted 25 Apr 2012 Link to this post

    Hi Shiva,

    Normally, the scrollbar should appear automatically when the sum of visible columns' widths exceeds the Grid width. Here is a test page:

    https://dojo.telerik.com/adAGiQud

    Greetings,
    Dimo
    the Telerik team
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Shiva
    Shiva avatar
    61 posts
    Member since:
    Oct 2010

    Posted 25 Apr 2012 Link to this post

    Thanks dear.

    I wish my other problems would also have been replied this quick.
  4. Debbie
    Debbie avatar
    1 posts
    Member since:
    Jan 2017

    Posted 07 Dec 2018 in reply to Dimo Link to this post

    Hi,

    I have same issue, but can't see the link you provided, can you please advise?

    thanks

  5. Dimo
    Admin
    Dimo avatar
    8485 posts

    Posted 10 Dec 2018 Link to this post

    Hi Debbie,

    I have replaced the inaccessible example with a new one. Basically, the scrollbar should appear automatically when the sum of visible columns' widths exceeds the Grid width. Of course, this assumes that scrolling is enabled (it is enabled by default, except for the ASP.NET MVC and ASP.NET Core wrappers).

    The new example URL is: https://dojo.telerik.com/adAGiQud

    For details, please refer to the scrolling documentation:

    https://docs.telerik.com/kendo-ui/controls/data-management/grid/scrolling/overview

    ASP.NET MVC-specific
    https://docs.telerik.com/aspnet-mvc/html-helpers/data-management/grid/scrolling/overview

    ASP.NET Core - specific
    https://docs.telerik.com/aspnet-core/html-helpers/data-management/grid/scrolling/overview

    Regards,
    Dimo
    Progress Telerik

    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
  6. Christine
    Christine avatar
    6 posts
    Member since:
    Jul 2013

    Posted 13 Nov 2020 in reply to Dimo Link to this post

    Hi Dimo, I am having the same issue using the asp.net mvc core wrappers.  Unfortunately it looks like the link you posted is no longer working.  Is there a new link I can use?
  7. Dimo
    Admin
    Dimo avatar
    8485 posts

    Posted 17 Nov 2020 Link to this post

    Hello Christine,

    Thanks for reporting the broken links. I have updated them.

    The idea remains the same - to use horizontal scrolling, you need:

    • explicit widths for all Grid columns
    • the sum of the column widths should exceed the Grid width

    Let us know how it goes.

    Regards,
    Dimo
    Progress Telerik

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Back to Top