Vue - virtual scrolling of tables
P粉401901266
P粉401901266 2023-12-10 15:53:07
0
1
764

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

P粉401901266
P粉401901266

reply all(1)
P粉511985082

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/

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template