ホームページ  >  記事  >  ウェブフロントエンド  >  JQuery 用 JQuery.groupTable.js_jquery

JQuery 用 JQuery.groupTable.js_jquery

WBOY
WBOYオリジナル
2016-05-16 18:13:481141ブラウズ

JQUERY プラグインを作成しました。グループ化効果を実現します。

図 2. これは単純なグループ化効果であり、テーブルの最初の列「部門」に従ってグループ化されています

図 3 では、最初の列「部門」と 4 番目の列「性別」に従って複数の列をグループ化することもできます。グループ化する前に、選択する列を並べ替えます。これは、データを抽出するときに実行できます。

クライアント側では実装されません。

図 4. パラメータ Collapse=1 を設定して、最初にテーブルを縮小します。 デフォルト値は 0;

この JQuery コントロールを作成することで、その能力を深く理解しました。コード全体は 100 行未満です。

ASP.NET 内。デフォルトでgridViewを表示した場合、TBODYマークは付加されません。 TBODY で GridView クラスのコンテンツを表示するには、ページ読み込み
に次のコードを追加します。

GridView1.UseAccessibleHeader=true;
GridView1.HeaderRow.TableSection = TableRowSection.TableHeader;
GridView1.FooterRow.TableSection = TableRowSection.TableFooter;
このようにして、JQuery.groupTable を使用して、gridview によって生成されたテーブルを処理できます。


パッケージのダウンロード

ご意見をお待ちしております。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。