Vue – virtuelles Scrollen von Tabellen

Question

Ich möchte, dass Sie mir ein Paket empfehlen, das die Vorteile des virtuellen Scrollens/Recycler-Scrollens für Tabellen in Vue nutzen kann.

Ich habe diese beiden Bibliotheken ausprobiert:

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

Ich kann eine virtuelle Scrollliste mit Elementen erstellen, möchte dieses Verhalten jedoch für eine Tabelle implementieren.

Mein Tisch ist ein Vuetify Simpletable mit einer <thead> 和一个 <tbody> Komponente

Answer 1

我查看了 Vue 3 的 2 个虚拟表。Element Plus 有一个当前处于测试阶段。我强烈建议谨慎使用它，因为我在测试它时遇到了事件错误，而且它仍然是测试版。 https://element-plus.org/en-US/component/表-v2.html

我最终选择了 Ag-grid 数据表。它很受好评，性能也很棒。我将 5000 行复杂数据加载到其中，并使用带有计算值的过滤器在几毫秒内更新。我使用免费社区版本。如果您需要支持，还有付费商业版本。 https://www.ag-grid.com/vue-data -grid/入门/