テーブルを使ったいろいろなjQueryプラグイン26個まとめ


料金表や一覧を表示する際に欠かせないテーブルコーディングで、検索や並び替え、ページング、グラフ表示など色々なものがあったので、探しやすいようにjQueryプラグインをまとめてみました!

IT/WEB業界への転職なら求人サイトGreen

jQuery Visualize

20110517 20

HTML5とjQueryを使ってテーブルの値をグラフで表示する事が出来ます。

jquery.csv2table.js

20110517 21

エクセルなどで作ったCSVファイルを読み込み、クロスブラウザなテーブル表示を行うjQueryプラグイン。
行の絞り込みや文字列検索などかなり高機能になっています。

jExpand

20110517 01

表、画像、リスト、図やその他の要素を折りたたみ表示する事ができます。

Fixed Header Tables

20110517 02

ヘッダーを固定して表示します。Excelでは良く使いますね。
縦に長い表を使う場合に非常に便利です。

treeTable

20110517 03

テーブルの中にツリー構造を実装できます。

Flexigrid

20110517 04

ページングやリサイズなどが簡単に実装できるプラグイン。
AjaxでXMLを読み込み、表示する事ができます。

Table Drag and Drop

20110517 05

ドラッグ&ドロップが可能になるjQueryプラグイン。

BI Grid

20110517 06

画面に表示する行と列をjQueryから指定するプラグイン。
表示する領域が限られている場合なんかに使えそうです。

jQuery charToTable plugin

20110517 07

jQueryを使用してテーブルに文字を表現するプラグイン。
アニメーション効果を付ける事も可能です。

Alternate Plugin

20110517 08

テーブル内の行の色を交互に指定できるjQueryプラグイン。
マウスオーバーした際の色指定も可能です。

Add Table Rows Count

20110517 09

テーブルに現在の行数を表示するjQueryプラグイン。
地味に便利です。

Chromatable JQuery Plugin

20110517 10

テーブルのヘッダーを固定してスクロールバー表示するjQueryプラグイン。
JavaScriptがOffの場合には、普通のテーブルが表示されるので見栄えも問題無さそうです。

Animated table sort

20110517 11

テーブルをソートできるjQueryプラグイン。
並び替え時にはアニメーションされる事で、切り替わったのが分かるようになっています。

ColdFusion Query to Table

20110517 12

JavaScriptの配列からテーブルを作成するjQueryプラグイン。
ColdFusionにも対応しているようです。

Table Pagination

20110517 13

ページング処理ができるようになるプラグイン。

DataTables

20110517 14

ページング、検索、ソートに対応した高機能なjQueryプラグイン。
テーマも複数用意されており、カラーリングも簡単に変更できるようになっています。

Tablesorter

20110517 15

指定した条件でテーブルの行を並び替える事ができるjQueryプラグイン。
theadで指定した行でソート可能になっています。

uiTableFilter

20110517 16

テーブルの行をフィルタリングするためのjQueryプラグイン。

columnManager

20110517 17

列の表示/非表示ができるプラグイン。
列が長い場合や、情報を比較させたい場合に使えそうです。

Ingrid

20110517 18

列のサイズ変更、ページング、並べ替えができるjQueryプラグイン。
選択行のカラーリングを変更する事ができます。

columnHover

20110517 19

マウスオーバーした行と列を強調表示する事ができるプラグイン。

jqGrid

20110517 22

JSON、XMLからのデータ読み込み、ページング、値の編集など様々な事が出来ます。

HeatColor, a jQuery plugin

20110517 23

ヒートカラーをテーブルに実装するjQueryプラグイン。

jQuery Column Filters

20110517 24

列の上部にあるフォームから絞り込みが出来ます。

KeyTable

20110517 25

タブで選択したセルを移動できるテーブル。

Drag and drop table content with JavaScript

20110517 26

こちらはjQueryプラグインでは無いのですが、おまけで。

ドラッグ&ドロップが出来るようになります。
ゴミ箱にドロップすると、データの削除も可能です。

以上です。
26個のテーブルを使ったjQueryプラグインでした。

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

follow us in feedly