ブラウザ内で50万件のテーブルもサクサクで表示できるようにする「Clusterize.js」:phpspot開発日誌

Clusterize.js ブラウザ内で50万件のテーブルもサクサクで表示できるようにする「Clusterize.js」 ブラウザ内のDOMに５０万件を読むといくら高速なブラウザでもハングしたりしそうですが、こちらを使えば問題なく50万件のデータも読み込んで表示が出来ます DOM構造を50万件作るのではなく、スクロールに応じてDOM内を書き換えているのがその仕組のようです。 大量のデータをブラウザ上で一気に表示したい場合に便利そうです 関連エントリ 高機能＆高速なテーブル実装jQueryプラグイン「WATable」 テーブルをGoogle Chartsを使って多様なグラフに変換することが出来る「Chartinator」 HTMLテーブルを JSON、XML、PNG、CSV、PDFなどあらゆる形式に変換できる「HTML table Export」 レスポンシブに要素を消さずに変形するテーブル

[brtRiver]

たぶんこのライブラリ使う前にやるべきことがある

[bleu-bleut]

Jets.jsと同じ作者による、50万件のテーブルでもすらすらスクロールさせるライブラリ。単にスクロール位置から前後を表示してるだけっぽいのだけど、すごい効果。

[istb16]

こりゃあいいかも "ブラウザ内で50万件のテーブルもサクサクで表示できるようにするClusterize.js"

[siteworkers]

なるほど

[toaruR]

50万件だとあんまり有り難みないなぁ。あと2,3桁上が気になる。

[mary_pp]

ダイブする

[ginzi009]

ブラウザ内で50万件のテーブルもサクサクで表示できるようにする「Clusterize.js」

[knjname]

総件数がわかっているデータなら、別に50万件内的にロードしなくても似た感じで出来そう。ページナビゲーションよりいいかも。っていうかRSSリーダにこういうの欲しい時がある。

[charlienews]

へぇ、スゴイな。

[halohalolin]

ブラウザ内で50万件のテーブルもサクサクで表示できるようにする→スクロールに応じてDOM内を書き換えている＝ということはキーワード検索とかは出来ない？

[tadatada1980]

数十万レコードを表示する案件があるから使えるかも！

[masahiko_of_joytoy]

用途が思い浮かばねえ・・・

[rna]

「DOM構造を50万件作るのではなく、スクロールに応じてDOM内を書き換えているのがその仕組のようです。」一覧表示系のGUIコンポーネントでは基本的なテクニックだけど、汎用のライブラリになってるのか。

[kuxttoba]

『スクロールに応じてDOM内を書き換え』受信したデータの絞り込みとか出来るのかな？後日色々とやってみよう。

[stealthinu]

一気にデータを送っておいてページネーションは全部ブラウザ任せという設計に出来るのか。

[Funyapu]

“DOM構造を50万件作るのではなく、スクロールに応じてDOM内を書き換えているのがその仕組のようです。”

[stk2k]

何これすごい。

[psne]

スマホではちょっと相性が悪い感じでしたので、今後に期待(データの方を何とかした方が良さそう)

[kenzy_n]

さらばタイムアウト

[FKU]

ほぉ

[hogege]

たぶん使わんと思うけど使わざるをえない時のためにφ(･_･

[mikio01]

1ページに大量のデータを表示することがないから多分使わないけど、なかなか面白い発想

[yohshiy]

大量のデータになると検索やフィルターが必須になってくる。やり方をみてるとブラウザーの検索が使えないみたいなので、その辺の対応も欲しいな。