i’ve put it in the Codepen for the first problem:
Latest posts made by zwiebel_s
-
RE: Scrolling inside a q-table
@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) } }
-
RE: Scrolling inside a q-table
@Hawkeye64 yes but the scrolling in my example is in the q-table and not on the page
-
Scrolling inside a q-table
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/xxEaaRYI 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…
-
QGroupedTable multiple groups
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.