table-dragger

JavaScript

ドラッグ&ドロップでテーブルを並べ替えられる「table-dragger」

table-draggerはドラッグ&ドロップでテーブルの並べ替えを可能にしてくれるJSライブラリです。アニメーションつきでテーブルが入れ替わるので、直感的な操作を体感することができるテーブル実装が可能です。

table-dragger

デモ

デモではいくつかの種類のテーブルが用意されており、各テーブル内でドラッグ&ドロップによる並べ替えを行うことができます。

ドラッグ&ドロップで並べ替えするときにアニメーションつきで入れ替わるので、どこと入れ替わったのかを把握しやすいところがいいですね。

デモのタイプには、Default、Sort Rows、Only Body、Handler、Free、Eventといったテーブルが用意されています。

各テーブルの下にはコードも記述されているので、具体的にどのように実装していくのかも同時にチェックできます。

また、table-draggerにはオプションもいくつか用意されており、mode、dragHandler、onlyBody、animationといった項目の設定が可能になっています。

というわけで、ドラッグ&ドロップによる並べ替えを可能にするテーブルを実装したい人は、ぜひtable-draggerを活用されてみてはいかがでしょうか?

table-dragger

Zoomingクールな画像ズーム機能を実装できる「Zooming」前のページ

数字を分割できるjQueryプラグイン「number-divider.js」次のページnumber-divider.js

関連記事

  1. JavaScript

    立体的なナビゲーション表示を実装することができるjQueryプラグイン「Box Lid」

    立体的なナビゲーション表示を実装できるjQueryプラグイン「Box …

  2. JavaScript

    jQueryで好きな要素を浮遊させることができるプラグイン「jqFloat」を使ってみた

    指定した要素をフワフワと浮遊させることができる面白いプラグインを使って…

  3. jQuery Gridly

    JavaScript

    クリックしてその場で拡大したりドラッグで配置を入れ替えたりできるプラグイン「jQuery Gridl…

    おもしろいjQueryプラグインがあったのでご紹介します。クリックして…

  4. ItemSlide.js

    JavaScript

    タッチやスワイプでスライドするカルーセルのjQueryプラグイン「ItemSlide.js」

    ItemSlide.jsはタッチ、スワイプ、スクロールなどでスライドす…

  5. JavaScript

    指定した要素をパカパカと点滅させることができる「jquery.flicker」

    とてもシンプルなプラグインだったのでメモがてらご紹介します。指定した要…

最近の記事

  1. JOK-350 WH
  2. 1460 COLLAR ウォータープルーフ 8ホールブーツ
  3. スターバックス ハウスブレンド

アーカイブ

PAGE TOP