DEV Community

Roger K.
Roger K.

Posted on

3

How to progressively load 1000s of rows into a table

I'm using Vuejs (if that helps) and I'm requesting over 1000 rows from my database and wondering what's the best way to load that data?

I imagine there is a pattern, library or something that allows for a progressive loading (am I even using the right term) experience of some kind to the user.

Top comments (2)

Collapse
 
tuntisz profile image
Tyler Untisz

A common solution to this problem is called windowing or virtual lists. I’m not familiar with Vue but it seems this might do the trick; github.com/tangbc/vue-virtual-scro...

Collapse
 
misterhtmlcss profile image
Roger K. • Edited

Looks great! This might solve it for me. Thank you.

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay