vuejs-smart-table icon indicating copy to clipboard operation
vuejs-smart-table copied to clipboard

FR: Virtual scrolling

Open mesqueeb opened this issue 4 years ago • 2 comments

I just wanna say I really love this library. I've looked at about 20+ table libraries for Vue, but this is the only library that "gets" it. It doesn't try to force a UI onto the dev, it just provides the logic for the tricky parts. ❤

I have many ideas for improvements, like implementing virtual scrolling and even virtual scrolling combined with dynamic loading of new rows on scroll.

This allows us to render a table of eg. 1 million rows in under 300ms. Otherwise, if you render all those Dom nodes from the start your site or app pretty much becomes unusable performance wise.

My open questions:

  • Are you open for PRs like these?
  • Do they fit in your philosophy of division between the value this library brings VS what we expect devs to implement
  • Are you thinking about some kind of plugin system or tree shaking system where a feature like virtual scrolling is only included when imported?
  • Are you available for further discussion on discord?

mesqueeb avatar Jul 17 '21 00:07 mesqueeb

ps my discord is Luca Ban [Mesqueeb]#4774

mesqueeb avatar Jul 17 '21 00:07 mesqueeb

Hello @mesqueeb I really appreciate the feedback.

Here are my thought. I really like how focused the plugin is, it doesn't try to do everything but rather do the basic very well. Instead of adding virtual scrolling to the plugin itself I would be more interested on having documentation on how to incorporate something like https://github.com/Akryum/vue-virtual-scroller.

Virtual scrolling is quite complex and I would much rather have people use specialized libraries for it than trying to get it right on our own.

So if you are interested on putting together a tutorial on how to use Vue virtual scroller alongside Smart Table I would be thrilled to include it in the documentation.

Also, please be aware the next version of the plugin is already in beta, you may want to take a look at it https://vue-smart-table.netlify.app/

Again, I appreciate the feedback and it is always good to hear people find my plugin useful.

tochoromero avatar Jul 17 '21 13:07 tochoromero