scroll

2 posts, 0 answers
  1. Rick
    Rick avatar
    53 posts
    Member since:
    Sep 2017

    Posted 17 Oct 2019 Link to this post

    I am sure I am missing something easy.

    Right now all columns get squished if the screen resolution is less than the grid width.

    How do I set it that it includes a scroll bar instead of squishing?

  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5711 posts

    Posted 17 Oct 2019 Link to this post

    Hello Rick, 

    The grid's main element is a <div> and, as a block element, it takes 100% of its parent width. The table-layout property is fixed so the content does not stretch the columns.

    Thus, the solution to set the grid width and scrolling, at least until we implement features for that, is to put it in a <div> that has the desired width.

    You may also find interesting this request: https://feedback.telerik.com/blazor/1434744-hide-column-only-on-small-device.

     

    Regards,
    Marin Bratanov
    Progress Telerik

     UI for Blazor
Back to Top