tsorter

JavaScript

テーブルにソート(並べ替え)機能を実装できる「tsorter」

tsorterは、JavaScriptを用いてHTMLテーブルにソート(並べ替え)機能を実装することができます。たくさんのデータを任意の順番通りにクイックに並べ替えることが可能です。テーブルに付加価値をつけたい人にはピッタリの機能ですね。

tsorter

デモ

デモページには10エントリーあるテーブルと100エントリーあるテーブルが用意されています。テーブルの上部には、ID、NAME、PRICE、LATITUDE、LONGITUDE、ADDRESSという項目が並べられていて、ここのいずれかの項目をクリックすることで、その項目を基準にした順番に並べ替えられます。

ちなみにデモページ読み込み時はID順になっています。各項目のクリックを繰り返す度に、昇順や降順に切り替えることが可能です。

たくさんのデータが並べられたテーブルでは、このように任意の順番にソートして表示させることで効率的にデータの内容を理解・チェックすることができますね。データの量が多ければ多いほど役立つ機能だと思います。

ファイル容量も通常版で7KB、圧縮版で2KBほどとかなり軽量になっています。シンプルながらも強力な機能を実装できる「tsorter」で、HTMLテーブルをより利便性の高いものにしてみてはいかがですか?

tsorter

関連記事

  1. Tipr

    JavaScript

    軽量、フラット、シンプルなツールチップを実装できるjQueryプラグイン「Tipr」

    Tiprはフラットでシンプルなツールチップを実装することができるjQu…

  2. jQuery Tags Input

    JavaScript

    シンプルでお洒落なタグを入力することができるjQueryプラグイン「jQuery Tags Inpu…

    とても便利で面白いjQueryプラグインがあったのでご紹介します。シン…

  3. Vimeo Carousel Gallery
  4. no-image
  5. JavaScript

    リスト化した要素を自分が指定した数に分割できるjQueryプラグイン「Easy List Split…

    リスト化した要素を自分が指定した数に分割できるシンプルだけど便利なjQ…

  6. diamonds.js

最近の記事

  1. s9+
  2. SRS-LSR200
  3. QC30
  4. リンツ リンドール

アーカイブ

PAGE TOP