[JS]ソートだけでなく、検索も可能な多機能なデータテーブルを実装するスクリプト
セルのハイライト表示、データのソート、特定文字列の検索などに対応したデータテーブルを実装するスクリプトを紹介します。
上記デモでは、左上のプルダウンで表示件数の変更、下にはページネーション機能も備わっています。
デモは他にも多数あります。
multi column and custom sort example
[Shift]キーでマルチカラムのソート。
hidden columns
特定のセルを非表示。
highlighting example
マウスオーバーでセルをハイライト表示。
row select example
クリックでセルのハイライト表示をキープ。
row select example and delete rows
セレクトしたセルを消去。
DataTablesはjQueryのプラグインのため、実装にはjquery.jsが必要です。
Post on:2009年2月26日
