2012/01/17
業務システムに単なるCSVもリッチに表現「js-tables」
js-tablesは業務システムで使えそうなjQueryプラグインです。CSVファイルやCSVのテキストを渡してフィルタリングや並び替えに対応したテーブルを表示してくれます。 0
サンプルです。元データはCSVファイルとなっています。
0
カラムごとに入っているデータをグルーピングして表示します。そこから選べばデータがフィルタリングされます。
0
end tagと入っているデータだけ抽出しました。ソートもできます。
0
フィルタリングはインクリメンタルに行われます。
0
任意のCSVファイルを指定してテーブル化できます。1行目が自動的にヘッダーになります。
0
実際の使い方です。単純にテキストを入れるだけでテーブル表示にしてくれます。 0
CSVを表示する場合にはYahoo! Pipesを使ってコンテンツの取得を行っています。デリミタはデフォルトでカンマですが、タブなどに変更も可能です（改行ごとの行のデリミタも変更できます）。一度に100行ごとの表示で、画面下までスクロールすると自動表示追加されるようになっており、大量データのCSVであっても高速に表示できます。 0
js-tablesはJavaScript製、jQueryプラグインのオープンソース・ソフトウェア（Apache License 2.0）です。 0
プレミアムユーザには“MOONGIFTはこう見る”、記事の一行概要、追加スクリーンショット、デモや追加URLが表示されます。登録（500円/月）はこちらから！ プレミアムユーザのログインはこちらから 0
js-tables - Javascript Table Utilities - Google Project Hosting 0
MOONGIFTの関連記事
このエントリーを含むTwitter
アンケート