@metalsadman

i’ve put it in the Codepen for the first problem:

https://codepen.io/tbr2021/pen/xxEaaRY

@metalsadman
i’ve tried to use the scrollto method in another use case - i want to scroll to the first row on each page change. unfortunately this doesn’t work like i aspected. Any ideas?

watch: {
'initialPagination.page' () {
      const indexTop = (this.initialPagination.page - 1) * this.initialPagination.rowsPerPage
      this.$refs.table.scrollTo(indexTop)
    }
}

@Hawkeye64 yes but the scrolling in my example is in the q-table and not on the page

Hello all,

I have a Quasar layout with a q-table that resizes as the window expands. The table also has a fixed table header. My requirement is that you can scroll the table using the 3 sticky buttons (I am not sure if it is right to work with “q-page-sticky” elements.). The scroll-to-top button should only be visible when the user scrolls in the table.

Here a codepen:
https://codepen.io/tbr2021/pen/xxEaaRY

I tried out methods like:

scrollUp () {
  var table = document.getElementsByClassName('test')
  table.scrollTop = 500
},

or with a ref

scrollTop () {
  this.$nextTick(function () {
    this.$refs.testDiv.scrollTop = 0
  })
},

but both didn’t work.

Maybe someone can help me out with this…

@metalsadman thanks i’ve opened an issue on github

I’ve found this nice extension from Narcis13

https://github.com/Narcis13/quasar-grouped-table

Would it be possible to group by multiple fields? Aggregation of grouped values would also be nice.

I use the Grid from Kendo Ui right now (https://demos.telerik.com/kendo-ui/grid/index) but i’m thinking of switching to quasar completly.
Unfortunately multiple grouping is a must have in my use case.