q-table y-scroll with selection column

[amartynov]

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.

If I remove the multiple option then the scroll disappears

Please help in solving this problem. Thank!

[Hawkeye64]

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;
  }

[amartynov]

@hawkeye64 Did not help, the problem remained

[Hawkeye64]

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

[Hawkeye64]

You could also try:

  #my-table {
    overflow: auto;
  }

[amartynov]

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

[Hawkeye64]

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/

[amartynov]

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

[Hawkeye64]

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.

[amartynov]

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