ホームページ  >  記事  >  ウェブフロントエンド  >  jquery を拡張してクライアント tables_jquery のページングおよびソート関数コードを実装する

jquery を拡張してクライアント tables_jquery のページングおよびソート関数コードを実装する

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

ダウンロード コードと例: jqueryPaging.rar

使用法は次のとおりです:

コードをコピー コードは次のとおりです:



ページング関数のみを使用する場合: $(" #myTable").tablePaging ();

パラメータの説明:

id: jQuery(this).attr('id'), // ページネーションされるテーブルの ID
pageSize: 10, // Single ページに表示されるレコードの数、デフォルトは 10
sorting: false, //ソートするかどうか、デフォルトはソートなし
sortDirection: 'asc', //ソート順序、デフォルトは昇順です
sortSelector: '', //選択された列をソートします。ここで、td が識別するクラスを設定する必要があります。デモは例から見ることができます。
sortType: '', //並べ替えでサポートされる数値タイプ、'number'、'string'、'date'
onPages: null // 並べ替え後のバインド イベント

ページング効果を見てください:
jquery を拡張してクライアント tables_jquery のページングおよびソート関数コードを実装する
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。