社内システムにおいて、検索結果の一覧表示はよくある機能です。100行程度のデータであれば問題ありませんが、10万行をHTMLで出力するとなれば表示方法を考えなければなりません。レンダリングだけで数分待たされていたら、担当者はストレスを感じることでしょう。 今回は大量のデータ表示を行う場合に使えるjquery.dgtableを紹介します。

jquery.dgtableの使い方

jquery.dgtableは特に表示やスクロールのパフォーマンスに重点を置いています。

複数カラムを指定したソートにも対応しています。

jquery.dgtableは100万行くらいの表示であれば難なくこなします。さらにソート、カラムの移動や幅の変更、マウスオーバーですべてのデータ表示といった機能があります。多機能ではありませんが、大量のデータを表示する際には導入検討したいライブラリです。

jquery.dgtableはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT License）です。

danielgindi/jquery.dgtable: A jQuery high-performance table for web-apps