テーブル

ここではテーブル関連のプラグインを紹介します。デモとそのソースコードとともにプラグインを紹介しています。

テーブルのヘッダー(th)がついてくる「Mr.StickyTableHeaders」

テーブルのヘッダー(th)がついてくるプラグイン「Mr.StickyTableHeaders」を紹介します。 jQueryプラグイン「Mr.StickyTableHeaders」 このプラグインを使えば、テーブルの1番上 […]

 

検索/ソート/ページャー/フィルター付きのテーブル「Bootgrid」

検索・ソート・ページャー・フィルター付きのテーブルを実装するプラグイン「Bootgrid」を紹介します。 jQueryプラグイン「Bootgrid」 このプラグインを使えば、テーブルの項目を検索、項目ごとのソート、項目が […]

 

スポンサーリンク

テーブルをレスポンシブ対応に「rt Responsive Tables」

テーブルをレスポンシブ対応にしてくれるプラグイン「rt Responsive Tables」を紹介します。 jQueryプラグイン「rt Responsive Tables」 このプラグインを使えば、レスポンシブ・デザイ […]

 

ソート・フィルター・ページャー付きのテーブル「Datatable」

ソート・フィルター・ページャー付きのテーブルを実装するプラグイン「Datatable」を紹介します。 jQueryプラグイン「Datatable」 このプラグインを使えば、ソート・フィルター・ページャー……などの高機能テ […]

 

テーブルにスクロールバーをつける「Scroll Table」

テーブルにスクロールバーをつけることができるプラグイン「Scroll Table」を紹介します。 jQueryプラグイン「Scroll Table」 このプラグインを使えば、テーブルにスクロールバーをつけることができるの […]

 

マウスオーバーでテーブルに照準を「Cross Hairs」

マウスオーバーでテーブルに照準をつけてくれるプラグイン「Cross Hairs」を紹介します。 jQueryプラグイン「Cross Hairs」 このプラグインを使えば、マウスオーバーするとクロス(十字)の照準をテーブル […]

 

テーブルにチェックボックス機能を付加「jTableCheckbox」

テーブルにチェックボックス機能を追加するプラグイン「jTableCheckbox」を紹介します。 jQueryプラグイン「jTableCheckbox」 このプラグインを使えば、テーブルの行にチェックボックス機能を実装す […]

 

JSONデータからテーブルを表示「Columns」 - ソート - 検索 - ページャー

JSONデータからテーブルを表示するプラグイン「Columns」を紹介します。 jQueryプラグイン「Columns」 このプラグインを使えば、script内に記述したJSONデータや外部JSONファイルからHTMLの […]

 

テーブルにタブ機能を追加「Table Tabs」

テーブルにタブ機能を追加するプラグイン「Table Tabs」を紹介します。 jQueryプラグイン「Table Tabs」 このプラグインを使えば、Tableにタブ機能を追加することができます。クリックでtbody部分 […]

 

テーブルのヘッダーと左カラムを固定表示「fixedTblHdrLftCol」

テーブルのヘッダーと左カラムを固定表示するプラグイン「fixedTblHdrLftCol」を紹介します。 jQueryプラグイン「fixedTblHdrLftCol」 このプラグイン使えば、テーブルを下へスクロールした場 […]

 

マウスオーバーでテーブル・カラム(列)のスタイルを変更「wholly」

マウスオーバーでテーブル・カラム(列)のスタイルを変更する「wholly」を紹介します。 jQueryプラグイン「wholly」 このプラグインを適用するとマウスカーソルをテーブルのカラム(列)に重ねることで、その列のス […]

 

テーブルのヘッダーを固定してデータ行をスクロール表示「tbodyScroll」

テーブルのヘッダーを固定してデータ行をスクロール表示にするプラグイン「tbodyScroll」を紹介します。 jQueryプラグイン「tbodyScroll」 このプラグインを使えば、テーブルのヘッダーとフッターを固定し […]

 

テーブルソート アニメ効果付きで行を並べ替え「Animated Table Sorter」

アニメ効果付きでテーブルの行を並べ替えるプラグイン「Animated Table Sorter」を紹介します。 jQueryプラグイン「Animated Table Sorter」 テーブルヘッダー項目をクリックするとア […]

 

Bootstrapを使ったカレンダーを実装「Zabuto Calendar」

Bootstrapを使ったカレンダーを実装するプラグイン「Zabuto Calendar」を紹介します。 jQueryプラグイン「Zabuto Calendar」 このプラグインでは、大人気のCSSフレームワーク「Twi […]

 

テーブルやリストから文字列を検索「QuickSearch」

テーブルやリストから文字列を検索するプラグイン「QuickSearch」を紹介します。 jQueryプラグイン「QuickSearch」 このプラグインを使えば、入力した文字列に応じて HTMLの要素 table や l […]

 

テーブルにページャーを「PaginateMyTable」

指定したテーブル要素にページャーを実装できるプラグイン「PaginateMyTable」を紹介します。 jQueryプラグイン「PaginateMyTable」 このプラグインを使えば、だらだらと長く並んだ見にくいテーブ […]

 

リンクのクリックエリアをテーブルの行に拡張「rowClick」

リンクのクリックエリアをテーブルの行に拡張する「rowClick」を紹介します。 jQueryプラグイン「rowClick」 このプラグインを使えば、テーブルのセルにリンクがある場合、そのリンクのクリックエリアをテーブル […]

 

ExcelのようにTableが編集できちゃう「Handsontable」

ExcelのようにTableが編集できちゃうjQueryプラグイン「Handsontable」を紹介します。 jQueryプラグイン「Handsontable」 jQueryプラグイン「Handsontable」は、HT […]

 

Tableの行がドラッグアンドドロップできる「Table Drag and Drop」

Tableの行がドラッグアンドドロップできるjQueryプラグイン「Table Drag and Drop」を紹介します。 jQueryプラグイン「Table Drag and Drop」 Table Drag and […]

 

Tableカラム(列)にソート機能を追加「Tablesorter」

Tableのカラム(列)に簡単にソート機能を追加できるjQueryプラグイン「Tablesorter」の紹介です。 「Webサイトに公開しているテーブルにExcelのようなソート機能がほしいな……でも、そんな便利な機能っ […]

 


スポンサーリンク