7

たくさんの行を持つカスタムHTMLテーブル/リストを作成したいと思います。行の仮想化が必要ですが、これを実現するための最善の方法がわかりません。

行の仮想化とは、テーブル/ ul / divの行が、ビューにスクロールされない限り、表示またはレンダリングされないという概念を指します。基本的に、ポイントは、アイテムが(スクロールの後ろに)表示されない場合にレンダリングを排除することです。

何か案は?DOM要素は、「スクロールして表示」されたらすぐにリストに追加する必要があると思います。そして、スクロールを可能にするために、すべての行の全高の高さを持つ非表示のdivが必要になります。

これを実現する簡単なコード例はありますか?

4

3 に答える 3

4

「単純な」コード例についてはわかりませんが、DOM仮想化を使用する次のプロジェクトを見つけました。

MegaListSlickGrid

MegaListの例は、リストアイテムを追加する単なる「ul」であるため、最も理解しやすい例です。

于 2012-08-07T07:06:58.347 に答える
2

無限スクロールはあなたを正しい方向に向けさせるはずです。

于 2012-08-07T07:17:36.900 に答える
1

Wijmo 5 FlexGridは、この動作を実装します。ここでオンライン比較を見つけることができます

于 2015-09-15T13:56:22.020 に答える