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

    q-table y-scroll with selection column

    Framework
    2
    10
    722
    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.
    • A
      amartynov last edited by

      Hi! Yesterday I updated the quasar-framework to version 17.17. I am use q-table with option selection=“multiple” and
      after the upgrade I got y-scroll.
      0_1540368328771_789bf5bd-d2c8-4235-a374-8ef2a05c6210-image.png
      If I remove the multiple option then the scroll disappears
      0_1540368443724_78428065-7e77-4ad3-bdc0-1e11127c0758-image.png
      Please help in solving this problem. Thank!

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

        You could try:

        .q-table-middle.scroll {
            overflow: auto !important;
          }
        

        This cannot be in a scoped style. If you want a scoped style, give your table an id. For instance, id="my-table". Then you can do this in a scoped style:

          #my-table .q-table-middle.scroll {
            overflow: auto !important;
          }
        
        A 1 Reply Last reply Reply Quote 0
        • A
          amartynov @Hawkeye64 last edited by

          @hawkeye64 Did not help, the problem remained

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

            I’d probably have to see more to know what’s going on. Can you put it into a fiddle?

            A 1 Reply Last reply Reply Quote 0
            • Hawkeye64
              Hawkeye64 last edited by

              You could also try:

                #my-table {
                  overflow: auto;
                }
              
              1 Reply Last reply Reply Quote 0
              • A
                amartynov @Hawkeye64 last edited by

                @hawkeye64 https://jsfiddle.net/mai2018/eywraw8t/432457/

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

                  My bad. I think you’re saying you always want the scrollbar to appear, even when it is not needed?
                  If so, then you want this:

                   #my-table .q-table-middle.scroll {
                      overflow: scroll !important;
                   }
                  

                  https://jsfiddle.net/Hawkeye64/eywraw8t/433509/

                  A 1 Reply Last reply Reply Quote 0
                  • A
                    amartynov @Hawkeye64 last edited by

                    @hawkeye64 I have already tried this solution - it also does not work. In your example, the scrollbar is also present

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

                      Oh, so you don’t want the scrollbar. Sorry, that’s not the way I read that. If that’s the case, then turn overlfow to none.

                      A 1 Reply Last reply Reply Quote 0
                      • A
                        amartynov @Hawkeye64 last edited by

                        @hawkeye64 If everything was so simple … “none” does not work. This is a bug inside the component.

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