Vue.jsでテーブル要素にバーチャルスクロールを効かせたい

Question

前提・実現したいこと

Vue.jsで１ページに10,000件以上のデータをテーブル構造で表示させています。
表示自体も重いし、ページ遷移の挙動も重たいです。

※10,000件の表示はシステム仕様。

vue-virtual-scroller
を探しあて、試してみたのですがうまくいきません。。。
↑がそもそも、tableに当てる事が出来ないのか、
書き方が悪いのか。。。

書き方のヒント、あるいは別のコンポーネントあったら教えてください。

Vue.js

試したこと

vue-virtual-scroller

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

canvasベースのテーブルであれば、件数にそこまで影響されずに高速で動作することができます。
また、スクロールについても標準で実装されているものが多いです。
要件に合うかはわかりませんが、こちらをお試しください。
https://github.com/future-architect/cheetah-grid
https://qiita.com/ota-meshi/items/a2b68e132fa7c5a32c3d