この記事では、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