テーブルに実装できるjQueryプラグインいろいろ
9月 14th, 2009
スペックやデータ、料金表などを表示するためには、テーブルコーディングは欠かせませんね。
テーブルにjQueryのプラグインを実装すると、ソートやページングなどなど、様々な機能を追加する事ができます。
今回は、テーブルに実装できるjQueryプラグインいろいろとまとめてみました。
Flexigrid – Web 2.0 Javscript Grid for jQuery
カラムのリサイズやソート、ページングなどなど、たった数行のコードを追加するだけで、とってもフレキシブルなテーブルが完成します！
Expand table rows with jQuery – jExpand plugin
折りたたみができるプラグインです。いろいろと使い道がありそうですね。
jQuery Visualize Plugin: Accessible Charts & Graphs from Table Elements using HTML 5 Canvas
jQueryとHTML5をつかって、テーブルに入力された数値をグラフにビジュアライズしてくれます。テーブル内の数値はブラウザ上で変更する事も可能で、グラフも同時に変更されます。
jquery.csv2table.js
CSVファイルをテーブル表示してくれるjQueryのプラグイン。エクセルは使えるけど、HTMLはちょっと…。といったクライアントの方に重宝しそうなプラグインですね。
jqGrid
ソートやページングなど様々な機能が実装できます。
Ingrid, the jQuery Datagrid.
こちらも同様に、ソートやページングなどのテーブル
jQuery plugin: Tablesorter 2.0
すっきりとしたデザインで見やすいソート機能
jQuery treeTable 2.0
ツリー表示が実装できます。
HeatColor, a jQuery plugin
とってもきれいなヒートカラーをテーブルに実装
tableRowCheckboxToggle
テーブルの列ごとチェックボックスに反応させることができます。
DataTables
こちらもソートやページングが実装できるjQueryプラグインです。
TableEditor
編集可能なテーブルを作ることができます。
TinyTable JavaScript Table Sorter – 2.5KB
わずか2.5KBでソートやページング機能が実装できるプラグイン
tableFilter
カラムの上部に配置されているボックスに文字を入力して、絞り込むことができます。
jQuery Column Filters
こちらも、データを絞り込む事ができるフィルター機能
Allan Jardine | Reflections | KeyTable
タブキーでセルの選択を移動させることができます。
Drag and drop table content with JavaScript
ドラッグ アンド ドロップが可能になります。
Table Drag and Drop JQuery plugin
こちらもドラッグ アンド ドロップ可能になるjQueryプラグインです。
|
|
|
|
9月 14th, 2009 at 4:09 PM
[...] テーブルに実装できるjQueryプラグインいろいろ | DesignWalker テーブルに実装できるjQueryプラグインいろいろ | DesignWalker [...]
9月 15th, 2009 at 2:26 AM
[...] Posted by admin on 9/15/09 • Categorized as hatena テーブルに実装できるjQueryプラグインいろいろ | DesignWalker [...]
9月 15th, 2009 at 6:58 AM
[...] テーブルに実装できるjQueryプラグインいろいろ | DesignWalker スペックやデータ、料金表などを表示するためには、テーブルコーディングは 欠かせませんね。テーブルにjQueryのプラグインを実装すると、ソートやページ ングなどなど、様々な機能を追加する事ができます。今回は、テーブルに実装で きるjQueryプラグインいろいろとまとめてみました。Flexigrid – Web… original article [...]
9月 16th, 2009 at 6:46 AM
[...] テーブルに実装できるjQueryプラグインいろいろ | DesignWalker [...]
10月 2nd, 2009 at 4:23 AM
[...] テーブルに実装できるjQueryプラグインいろいろ 10月 2 Photoshop [...]
11月 27th, 2009 at 4:33 AM
[...] テーブルに実装できるjQueryプラグインいろいろ | DesignWalker [...]