ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Animated table sort (REGEXP friendly)はjQuery/JavaScript製のフリーウェア(ソースコードは公開されている)。業務用のWebアプリケーションなどでデータをテーブルを使って一覧表示にすることは多い。そして一覧表示のときに要望されるのがソート機能だ。


100816-0001.png

アニメーションしながらソートされる

 

データベースを使っているならばソースはORDER BYで対応するだろう。だが少数のデータであればJavaScriptベースで対応する方が手軽そうだ。そんな時に使えるライブラリがAnimated table sort (REGEXP friendly)になる。

Animated table sort (REGEXP friendly)の特徴は二つある。まずソートのアクションだ。ただ並べ替えるだけでなく、アニメーションしながら切り替わるのだ。上に上がるもの、下に下がるものがスライドして切り替わるのは非常にユニークだ。


スクリーンショット(2010-08-16 16.20.53).png

正規表現指定のソート条件

 

もう一つは並び替え条件に正規表現が使えることだ。例えば括弧内の数値で並び替えたり、姓ではなく名前で並び替えると言ったことも正規表現で指定するだけで実現する。数字指定しておけば桁数の異なる数字もきちんと並ぶようになっている。jQuery製なのもポイントが高いライブラリだ。

 

via Animated Table Sort with REGEXP Friendly [ WebAppers ]

MITYA.CO.UK | Scripts | Animated table sort (REGEXP friendly)

 http://www.mitya.co.uk/scripts/Animated-table-sort-REGEXP-friendly-111

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2