jQueryテーブルプラグインの概要

この記事では、WebデザイナーがHTMLテーブルをより適切に制御できるように、多数のjQueryテーブルプラグインを収集しています。テーブルを水平方向と垂直方向に並べ替えたり、固定ヘッダーを設定したり、テーブルを検索したり、大きなテーブルをページングしたり、テーブルをスクロールしたりできます。、ドラッグアンドドロップ操作、等 これらのプラグインの多くには、詳細なチュートリアルが含まれています。皆様の発展に役立つことを願っております。

jQueryフォームプラグイン
Flexigrid-jQuery用のWeb2.0 Javscriptグリッド-可変列幅、ヘッダー幅に自動的に適応、Extグリッドと同様にAjaxを介してXMLデータソースに接続できますが、jQueryに基づいているため、軽量で小型です。

 


Chromatable JQueryプラグイン-ヘッダー、スクロール可能なコンテンツ領域を修正しました。コンテンツ領域がスクロールしても、ヘッダーの位置は変更されません。

 

イングリッド、jQueryデータグリッド-列幅の調整、ページング、並べ替え、行および列スタイルの関数をHTMLテーブルに追加します(デモンストレーション)。

 

JQTreeTable-テーブルにツリー構造を追加します

 

スクロール可能なHTMLテーブル-通常のHTMLテーブルをスクロール可能な状態にします。テーブルヘッダー部分をTHEAD領域に、コンテンツ部分をTBODY領域に、脚注部分をTFOOT領域に配置し、webtoolkit.scrollabletable.jsファイルを参照して、各テーブルの背後にScrollableTable()オブジェクトを作成します(デモンストレーション)。 )。

 

KeyTable-Excelのように、セル間を移動し、その場で編集できます。

 

graphTable-flotを使用して、HTMLテーブルのコンテンツをグラフ(デモ)に変換します。

 

DataTables-非常に強力なjQueryテーブルプラグイン、可変幅のページ番号の参照、オンサイトフィルタリング。複数列の並べ替え、データ型の自動検出、インテリジェントな列幅、データはほぼすべてのデータソースから取得できます。

 

jqGridプラグイン-AjaxベースのjQueryフォームプラグイン。Ajaxモードでサーバーからデータを取得して入力できます(デモ)。

 

視覚化:テーブル要素からアクセス可能なチャートとグラフ-HTMLテーブルからデータを収集し、HTML5Canvasオブジェクトを使用してチャートに変換します。

 

Grider-HTMLテーブルで計算、平均化、累積、最大、最小などを実行できる単純なjQueryプラグイン。

 

テーブル機能の強化
テーブルのドラッグアンドドロップ-ドラッグアンドドロップにより、テーブル内のデータを再配置したり、ドラッグアンドドロップを禁止する行を設定したりできます。

 

テーブルのページ付け-テーブルの下にページ付けを自動的に生成します。

 

tableRowCheckboxToggle-クラス名に従ってテーブルの行を自動的にオン/オフすることができます

 

BSテーブル十字線プラグイン-マウスがテーブル上を移動すると、通過するセルが自動的にクロスハイライト表示されます

 

jqtable2csv-HTMLテーブルをSVG文字列に変換します。

色付け-テーブル間隔の行に異なる背景色を自動的に使用します

 

jExpand-テーブルがより多くのコンテンツを保持できるようにテーブルセルを展開/閉じることができる非常に軽量なjQueryプラグイン。

 

columnHover-マウスが通過すると、列全体を強調表示でき、列スパンと行スパンもサポートします

 

HeatColor-ルールに従って、またはテーブル内の値を自動的に分析し、さまざまな範囲の値をさまざまな色で区別します。

 

固定ヘッダーテーブル-固定ヘッダー付きのスクロール可能なテーブル

 

テーブル検索、フィルター
tableFilter-単純なフィルター関数をテーブルに追加します。

 

uiTableFilter-条件に基づいてテーブル行をフィルタリング(非表示)します

 

Tablesorter 2.0-THEADタグとTBODYタグが付いた通常のテーブルを並べ替え可能なテーブルに変換します。これにより、さまざまなデータを分析し、複数列の並べ替えをサポートできます。

 

PicNetテーブルフィルター-リアルタイムのGoogleスタイルのフィルタリング

 

jQuery tinysort- http://www.21kaiyun.com online ZiweiDoushuコンステレーションソーティング

 

LiveFilter 1.1-非常に軽量なフォームフィルタープラグインで、展開が非常に簡単です。

 

jQtablesearch-高速検索、非常に高速

 

クイックサーチ-シンプルな検索機能


TableEditorのjQueryオンサイト編集– TableSorterの柔軟なインプレース編集-テーブルコンテンツのオンサイト編集、ユーザーはAjaxメカニズムを挿入してデータを復元できます

 

jGridEditor-オンサイト編集、データを復元するための構成可能なAjax

 

オリジナル:いいえjQuery HTML Table Toolbox(原作者:Paul Andrew)

http://blog.csdn.net/21aspnet/archive/2010/07/28/5770916.aspx

おすすめ

転載: blog.csdn.net/jinzhengquanqq/article/details/5878307