Not really necessary anymore, since I made a workaround using CSS calc() and custom scrollbars.

I do think however the solution to force mobile view would be nice to know.

Thanks for taking a look.

@Tavita You really should work a bit more on your questions then…
Luckily I recieved lots of help here and feel the need to give back.

Please find attacted a codepen using v-slot:top-right, with a QSelect coupled to the table using $refs.

@Tavita You really should work a bit more on your questions then…
Luckily I recieved lots of help here and feel the need to give back.

Please find attacted a codepen using v-slot:top-right, with a QSelect coupled to the table using $refs.

@tof06 Thanks a lot for your help!
The removing of chips was a pain and using a given height in stead of min-height is quite unfortunate in the UI, but I can live with that.
Hopefully this can be done better in some future version of Quasar or with more experience.

@Tavita Thats the default behaviour of the QTable. You can choose between 3, 5, 7, 10, 15, 20… rows

Hi all,

I’m trying to make a customized Qselect that can hold a lot of dates, which users could pick using a datepicker.
The result would be an array of dates, visualised as rows of QChips.

Whenever I select to many chips however, they just fall outside the borders of the QSelect component.
I tried QVirtualScroll, but can’t get it right.

Could anyone teach me some new tricks?

Please find a CodePen attached.

Thanks in advance!
Robbe

Not really necessary anymore, since I made a workaround using CSS calc() and custom scrollbars.

I do think however the solution to force mobile view would be nice to know.

Thanks for taking a look.

Dear all,
I’m a big fan of the QTable look and feel when I open it on my smartphone. The table is nicely centered on page and does not show scroll bars.
Whenever I use it on dekstop however, the table extends to its full width, the bars appear and everything else centered on the pages shifts to the right due to the page being wider. I’ve included some pictures and the code as reference.

<q-table
      v-if="list"
      :data="list"
      :columns="columns"
      row-key="id"
      :filter="filter"
      :filter-method="filterIgnoreSpecialCharacters"
      flat
      bordered
      hide-bottom
      binary-state-sort
      :pagination.sync="pagination"
    > ... <q-table>

Does anyone know how I can mimic the look and feel of the mobile version, or how do I force it to render as a mobile table?

Thanks in advance!
Robbe

Mobile (up) vs Desktop (down)

@benoitranque said in Pass data to touch hold handler:

bit late but here you go

https://codepen.io/anon/pen/ZVgZNz

Thank you so much! I’ve been looking for this solution for hours.