jquery.grsorter

動作サンプル

  • No
    「,」と文頭の0は無視されます
  • 名前
    アルファベット表記を姓名の順に並べ替えてソートしてます。
    <div class="grsorter-name" data-grsorter-reverse=" ">Taro Yamada</div>
  • 血液型
  • 生年月日
    日本語の年月日表記にはデフォルトで対応しています。その他の書式の場合はオプション replaceChar を設定してください。
  • 都道府県
    漢字の場合は別途ひらがななどで並び替え用のタグを設置してください。
  • 0001
    ヤマダ タロウ
    Taro Yamada
    A
    1990年1月1日
    東京都
    とうきょう
  • 002
    ヤマカワ ジロウ
    Jiro Yamakawa
    A
    1990年12月12日
    北海道
    ほっかいどう
  • 03
    サトウ シロウ
    Shiro Sato
    B
    1988年10月1日
    東京都
    とうきょう
  • 4
    スズキ サブロウ
    Saburo Suzuki
    1992年3月10日
    神奈川県
    かながわ
    オプションを変更 jquery.grsorter.js

    オプション

    • btnEl
      //ソートボタン

      class="grsorter-head"以下の要素をjQuery形式で指定。

    • defaultType
      //デフォルトの並び順
    • nullFix
      //空白の扱い

      初期設定:昇順なら上、降順なら下に配置。
      up:常に上に配置。
      down:常に下に配置。

    • replaceChar
      //文字を置換してソート

      [[search, exchange(, order by, replace all:true or false)]]
      例:[['Y', 'A'], ['a', 'z', 'name', true]]

    • filterMode
      //フィルターモード

      直前のソート結果を保持します。
      falseかつ値が同じ場合、初期配置に沿って順番が決まります。

    • subSort
      //ソートの優先度

      [order by or [order by(, 'asc' or 'desc')]]
      例:['pref', ['birth', 'desc']]
      orderTypeを省略した場合は、ソート実行時のルールに従います。

    • initSort
      //初期表示ソート列

      order by or [order by(, 'asc' or 'desc')]
      例:['blood', 'desc']
      orderTypeを省略した場合は、defaultTypeに従います。

    • HTMLでのみ設定可能

      data-grsorter-reverse="文字"
      タグの中身を指定した文字で区切り、反転させてソート。
      例:「動作サンプル」内「名前」のローマ字表記。
    サンプルを更新

    更新履歴

    • Version 1.0.0を公開。