Vue - テーブルの仮想スクロール

Question

Vue のテーブルの仮想スクロール/リサイクラー スクロールを利用できるパッケージを推奨していただきたいです。

私はこれら 2 つのライブラリを試しました:

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

項目の仮想スクロール リストを生成できますが、この動作をテーブルに実装したいと考えています。

私のテーブルは、<thead> コンポーネントと <tbody> コンポーネントを持つ Vuetify Simpletable です。

Answer 1

Vue 3 の 2 つの仮想テーブルを調べました。 Element Plus には現在ベータ版のものが 1 つあります。テスト中にイベント エラーが発生し、まだベータ版であるため、慎重に使用することを強くお勧めします。 https://element-plus.org/en-US/component/table-v2.html

私は最終的に Ag-grid データテーブルを選択しました。好評でパフォーマンスも抜群です。 5000 行の複雑なデータをロードし、計算値を含むフィルターを使用してミリ秒以内に更新します。私は無料のコミュニティ版を使用しています。サポートが必要な場合は、有料の商用版もあります。 https://www.ag-grid.com/vue-data -grid/はじめに/