【JQuery】DataTablesでソートをカスタマイズしてみる

Javascript, 開発

おはようございます。

昨日は久しぶりに結構な雨が降りましたね。
出社するだけでずぶ濡れになってしまいました。。

あと1か月もすれば梅雨も明けるでしょうが、早く明けてほしいもんです。

ということで
今日はサクッと JQuery の話し。

以前ちょっと弄った DataTables プラグインで、ソートをカスタマイズしてみました。

スポンサーリンク

プログラム

画面

css/style.css

 

index.html

スクリプト

js/script.js

試しに、♂、♀はそれぞれまとめてソートしてみる。

イメージ

初期表示
初期表示
ソート1
ソート1
ソート2
ソート2

Noで並び替えを実行した際に、性別も判定して並びをカスタマイズ。

まとめ

簡単にカスタマイズできましたね。

応用すると、単純にテキストを表示する列以外(チェックボックスやドロップダウンなど)のソートにも利用できます。

単発ネタですが、何かのお役に立てれば。

ではでは。

 

スポンサーリンク


関連するコンテンツ