Grid columns not visible if the screen resolution is very less

5 posts, 0 answers
  1. DHHS
    DHHS avatar
    59 posts
    Member since:
    Mar 2015

    Posted 13 Oct 2015 Link to this post

    I have a grid which looks good on until 1400 screen resolution but if i try to go less than that, i don't see right most columns. I don't want to use vertical scroll bar, so I have used this 

     

    .Scrollable(s => s.Height("auto"))

     

    But even this, slight changed my grid look. column width changed. I have attached some screen shots so that you can see the difference

  2.
  3. DHHS
    DHHS avatar
    59 posts
    Member since:
    Mar 2015

    Posted 13 Oct 2015 Link to this post

    Here in the documentation 

    http://docs.telerik.com/KENDO-UI/web/grid/walkthrough#column-widths

     

    If the Grid has no fixed width and resizes with the browser window, one can apply min-width to the Grid (if scrolling is disabled)

     

    #GridID /* or use the .k-grid class to apply to all Grids */{ min-width: 800px;}​​​

    I have tried this, but still, if the browser is resized to less than 800, i dont see any horizontal scrollbar  or anything else, its just that i dont see right most columns. 

     

    Am i missing something here? I am sure I might be missing something very small.

  5. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 16 Oct 2015 Link to this post

    Hello,

    If I understand correctly, you are using a non-scrollable Kendo UI Grid? To get a horizontal scrollbar I would suggest setting overflow-x: scroll to the container which keeps the Grid. For your convenience I prepared a dojo example - please check it and let me know if this fits the current requirements or in case I am missing something.

    Regards,
    Iliana Nikolova
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  7. DHHS
    DHHS avatar
    59 posts
    Member since:
    Mar 2015

    Posted 19 Oct 2015 Link to this post

    I fixed it. Thank You :)
  8.
  9. Desenvolvimento
    Desenvolvimento avatar
    1 posts
    Member since:
    Apr 2016

    Posted 24 Nov 2016 in reply to DHHS Link to this post

    Hi DHHS,

    How did you fix that? I'm facing this same issue with 1280px width resolution.
Back to Top