Vue - virtual scrolling of tables

Question

I would like you to recommend me a package that can take advantage of virtual scrolling/recycler scrolling for tables in Vue.

I tried these two libraries:

• https://github.com/tangbc/vue-virtual-scroll-list
• https://github.com/Akryum/vue-virtual-scroller

I am able to generate a virtual scrolling list of items, but I want to implement this behavior for a table.

My table is a Vuetify Simpletable that has a <thead> and a <tbody> component

Answer 1

I looked at 2 virtual tables in Vue 3. Element Plus has one currently in beta. I highly recommend using it with caution as I encountered event errors while testing it and it is still in beta. https://element-plus.org/en-US/component/table-v2.html

I finally chose the Ag-grid data table. It's well received and performs great. I load 5000 rows of complex data into it and update it in milliseconds using filters with calculated values. I use the free community version. There is also a paid commercial version if you need support. https://www.ag-grid.com/vue-data -grid/Getting Started/