Infinite scroll In Table
Is there any way i can archieve infinite scroll in table list view instead of pagination
13 Replies
I think that would require a lot of modification of the table logic. So it's probably a no
Agreed... it complicates things like search and filters. It'll be much easier to build your own @technocrat3969
thanks @Dennis Koch and @pboivin
Can you give some idea to building this out. what should i do ? shall i create a new table using livewire or by overriding table builder
You could try with extending table builder adding your JS or load more button and overwrite pagination. I still think it’s a lot of work and not worth the effort.
yup, not worth the effort. pagination is better from a UX and performance perspective too
Personally, I wouldn't try to override the table builder. Regarding the infinite scroll functionnality, I think it it would be simpler to build your own table by reusing markup from the Filament Table. But the trade-off is that you lose all other features you get for free with the paginated table.
Can i use jquery to achieve this functionality
yes but please dont lol
You can use plain Livewire... you'll need JS only for the trigger that loads the next chunk of items when you hit the bottom of the page
theres even a tutorial on it on the old livewire website i think
I need this any how, it is the part of my ongoing project and client requirments changed. We are the middle of production deployment
yup this is the only way
okay, well at this point its not a filament question, so go forth and implement your custom table
Yup thanks All