Qtable with no-adaptive-height but th fixed

[jennyy479]

Is it possible to use in Quasar Framework with a sticky header, without setting a fixed height or max-height on the table?

I want the table header to stay visible at the top when scrolling down the page, but I do not want to limit the height of the table container using max-height or height.

Currently, I tried setting height: 100vh on the table, but this causes two scrollbars to appear — one for the table's internal container (.q-table__middle) and another for the page.

How can I achieve a single scrollbar (on the page), while keeping the header sticky or fixed at the top?

Ideally, the would behave like native

with thead th { position: sticky; top: 0; }, and the page itself scrolls — not a nested container.

Thank you!
https://codepen.io/jennyy479/pen/NPqLJrq
Ideal Effect: https://codepen.io/chriscoyier/pen/PrJdxb