Quasar: [Feature Req] Infinite scroll for datatable component

Created on 31 Aug 2017 · 10Comments · Source: quasarframework/quasar

Would be super nice to have infinite scroll added to the datatable component. I think this works much better on mobile than pagination. Maybe by adding a loadMore property.

<q-data-table :loadMore="getMyData">
...
</q-data-table>

Source

ftKnox

👍19

Most helpful comment

I need that feature too.

ababo on 2 Sep 2017

👍7

All 10 comments

I need that feature too.

ababo on 2 Sep 2017

👍7

Same here!

mkantautas on 7 Dec 2017

I'm also intersted !!!!

etcogit on 19 Jun 2018

Nice! Can be required define the min-height of Datatable for use this options.

slowaways on 26 Jul 2018

I'd venture to say, this needs to be its own component. Datatable has a lot of features, which don't really jive with an infinite scroll capability, or rather, the features become useless. I'm thinking about the sort and filter features, for instance. It shouldn't be too hard to build your own simple datatable with QInfiniteScroll.

Scott

smolinari on 31 Jul 2018

👍1

Hi! Any news on this? :D

Menighin on 20 Sep 2018

I was wishing it a few minutes ago haha!

JoicePaz on 18 Mar 2019

A small piece of mine: implementing load more button is pretty easy:
<template slot="bottom"> <q-btn outline color="positive" label="Load More..." @click="loadMore" style="width: 100%"/> </template>

solovieff on 22 Jun 2019

This can now be implemented in QVirtualScroll in table mode (QMarkupTable).

pdanpdan on 6 Sep 2019

Would be super nice to have infinite scroll added to the datatable component. I think this works much better on mobile than pagination. Maybe by adding a loadMore property.
<q-data-table :loadMore="getMyData">
...
</q-data-table>

I want this feature. This helps if implemented. :)