No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Table width and table's scrollbar

    Framework
    2
    3
    139
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • sandroden
      sandroden last edited by

      Hi,

      I don’t understand how scrollbar works in tables.

      If I set the width and is less than required to represent the data, the scrollbar appears. If I don’t set the width, the page just enlarges beyond the left side and the scrollbar of the page appears that makes the pagination and search field to be hidden.

      What’s the normal way to set the width to “the max that is visible” ie: 100vw - the width of the drawer(s) (unless they are in overlay mode…

      I have a codepen here, in case it’s not clear

      sandro

      1 Reply Last reply Reply Quote 0
      • s.molinari
        s.molinari last edited by

        Thanks for the codesandbox sandro.

        Change the div at the top to just <div class="q-pa-md">.

        https://codesandbox.io/s/quasar-table-oeews

        Scott

        1 Reply Last reply Reply Quote 0
        • sandroden
          sandroden last edited by

          Thanks Scott! I don’t even remember why that was there…
          Your help as always is incredibly valuable!

          1 Reply Last reply Reply Quote 0
          • First post
            Last post