[JS]ソートだけでなく、検索も可能な多機能なデータテーブルを実装するスクリプト

セルのハイライト表示、データのソート、特定文字列の検索などに対応したデータテーブルを実装するスクリプトを紹介します。

DataTables
demo zero

上記デモでは、左上のプルダウンで表示件数の変更、下にはページネーション機能も備わっています。

デモは他にも多数あります。

multi column and custom sort example
[Shift]キーでマルチカラムのソート。

hidden columns
特定のセルを非表示。

highlighting example
マウスオーバーでセルをハイライト表示。

row select example
クリックでセルのハイライト表示をキープ。

row select example and delete rows
セレクトしたセルを消去。

DataTablesはjQueryのプラグインのため、実装にはjquery.jsが必要です。