2009-06-04 12 views
18

AJAX経由でデータをロードせずに、JavaScriptを使用してテーブルをソートできるようにするにはどうすればよいですか?具体的には、私は私に次のようになります解決策を探しています:昔ながらのHTMLのテーブルの上にAJAX経由でデータをロードせずにHTMLテーブルをJavaScriptでソートできるようにするにはどうすればよいですか?

  • 作品
  • 列が自然な比較
  • は、(サーバー側の技術のとらわれない使用してソート可能にします
  • 私はすでに特定のプロジェクトで使用しているJQueryの拡張として実装することをお勧めします。すぐにこれを適用したいと思います。私はYUIのような別のjavascriptフレームワークを含む提案を公開していますが、JQueryでうまくいく必要があります。私が探していないよ何

  • AJAX呼び出しを介してデータを取り込むために私を必要とするソリューション。私は、サーバー側のコードを書き直すことなくすぐにソート可能にしたい検索結果のようなもののために、多くの普通の古いHTMLテーブルを持つプロジェクトにこれを適用したいと思います。
  • ページング。
  • フィルタリング。
  • 任意の比較ロジックを指定する機能。

私は現在取り組んでいる特定のプロジェクトのテクノロジスタックを意図的に省略していますが、絶対に必要と感じている場合はそれを含めます。ここでも、私はサーバー上に何も関わらないソリューションに最も関心があります。この分野で少しの愛を使うことができるあらゆる種類の言語で書かれた1トンのプロジェクトがあります。私はいくつかのチャンスをうかがって、私は私に見つけることができる最も近い質問はthis oneでやったスタックオーバーフロー

に似た、既存の質問の問題について

。しかし、私の要件は少し違うので、新しい質問をすることにしました。

答えて

20

jqueryプラグインtablesorterは非常にうまく動作します。

+0

なぜこれが下落したのか知りたい –

3
+0

かなり古いものの、非常に簡単にカスタマイズして作業することができます。 Sweet –

+0

@RedFilter私はsortable.jsを使用していますが、動作していません。[ここ](http://stackoverflow.com/questions/24386439/why-ajax-response-is-not-in-sortable-manner?noredirect = 1#comment37718205_24386439) –

1

OrbManの回答とともに、MediaWikiのソートコードのバージョンであるwikibits.jsを見ることができます。 AJAXや特別なグルーコードは必要ありません。ソート可能なテーブルを指定するための単純なクラス(ソート可能)です。

コードは自由にライセンスされており、ウィキメディアサイト全体の生産に使用されています。

編集:MediaWikiはTablesorterのバージョンを86088(2011年4月)から開始しました。

4

Tablesorterは、sortable.jsと同様に動作するjQueryプラグインで、通常のHTMLテーブルをソート可能なものに変換します。

+2

数秒であなたを倒す:P –

+1

呪われたアントニー・トランペ! –

1

私は本当にtristen's tablesortが好きです。それは、依存性フリー、軽量であり、多くのスタイリングを必要としません/あなた自身のスタイリングで混乱しない!

1

そうように、あなたのページのHEADにそれへのリンクを置くことによってsorttable.jsを1-ダウンロード

2-含めるsorttable.js、:

3マークあなたのテーブル

<table class="sortable"> 
+0

は現在http://www.kryogenix.org/code/browser/sorttable/にあります。jqueryを使用しない、または使用しない場合は便利です。 – pdwalker

関連する問題