You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hello, I'm semi-new to Vue, and trying to determine whether it would be appropriate to handle some use cases that we've used other frameworks for in the past.
We often take large data sets from a database and ship them to the front-end, to be rendered in grids, Excel-style. Our users appreciate being able to load the full data set so that they can search efficiently without needing lots of paging or button clicking, or stretch the window really wide to see lots of data at once.
I did a little experiment with Vue to render an array of 10,000 row objects as a table (the naive way, with a template for rows and a template for cells), and as I feared, it got a little sluggish, especially when reloading large numbers of rows. What techniques does Vue have for consolidating the watchers and notifications so that I don't end up with one watcher for each table cell? I think it would probably be fine if I could limit it to one watcher per row object, and just re-render all cells of that row if anything in the row changes.
And of course, the other question is whether anyone has solved this already?
I'm also interested in the possibility of lazy rendering, where only the rows on screen get rendered and everything offscreen has a trigger that renders it as it scrolls into view. Although, this does break the browser's CTRL-F searches, so I'd rather focus on other solutions.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Hello, I'm semi-new to Vue, and trying to determine whether it would be appropriate to handle some use cases that we've used other frameworks for in the past.
We often take large data sets from a database and ship them to the front-end, to be rendered in grids, Excel-style. Our users appreciate being able to load the full data set so that they can search efficiently without needing lots of paging or button clicking, or stretch the window really wide to see lots of data at once.
I did a little experiment with Vue to render an array of 10,000 row objects as a table (the naive way, with a template for rows and a template for cells), and as I feared, it got a little sluggish, especially when reloading large numbers of rows. What techniques does Vue have for consolidating the watchers and notifications so that I don't end up with one watcher for each table cell? I think it would probably be fine if I could limit it to one watcher per row object, and just re-render all cells of that row if anything in the row changes.
And of course, the other question is whether anyone has solved this already?
I'm also interested in the possibility of lazy rendering, where only the rows on screen get rendered and everything offscreen has a trigger that renders it as it scrolls into view. Although, this does break the browser's
CTRL-F
searches, so I'd rather focus on other solutions.Beta Was this translation helpful? Give feedback.
All reactions