2011-12-08 26 views
0

私はHTMLテーブルを並べ替える方法を探しています。私は以前これを行う必要はなかったので、私はそうする最良の方法が何であるか分からない。特に、私は早くて簡単に設定して管理できるものを探しています。誰でもjQueryやJavaScriptを知っていますか?列ごとのテーブルの並べ替え

+0

これはJavaScriptを使って行うことができます。この件については、Googleがあなたの友人です。または、ライブラリを使用することもできます:jQueryには、必要な最小限のコーディングでかなりうまく機能するプラグインがいくつかあります。 – nnnnnn

+0

列の並べ替え機能を持つHTMLテーブルを作成する非常に美しい方法。ソートだけでなく、HTMLテーブルを使用してさらに多くのインタラクティブなことを行うことができます。もっと知るには[この記事を読む](http://www.funbutlearn.com/2013/04/create-interactive-html-tables-with.html)をご覧ください。私はあなたが本当にあなたの答えを得るだろうと思う。 – Hari

答えて

0

あなたはJS 'sort()を使用して遠く離れません。私はTableSorterプラグインをjQuery用に使用する傾向があります。これはかなり簡単ですが、jQueryがすでにロードされている場合はさらに簡単です。

特定のデータ(文字列、整数など)の並べ替え方法を自動的に選択できますが、より複雑なデータ(通常とは異なる日付など)の場合は、少し余分なコードを書く必要があります。詳細情報: - tablesorter.com上のものはかなり単調です...

幸運http://tablesorter.com/docs/

私はそれがうまくソートされたテーブルのスタイルを設定することも可能だと思います!

0

jquery - javascript以外にも、スマートWebユーザーは無効にすることができますが、ソートアクションを呼び出すヘッダーのリンクによって呼び出されるカスタマイズされたSQL文字列によってハードコアできます。ソート・ヘッダーがクリックされると、ページは特定の呼び出しで別のorder by ...構文を持つカスタマイズされたSQL照会を呼び出すためにリダイレクトされます。
これは、便利で豊富なjqueryの代替案を実装した後で留意することをお勧めします<noscript>の代替です。このようにして、大部分のユーザはjquery UXに満足していますが、ユーザスクリプトには時折ソート機能が備わっています。このメソッドはjqueryよりもサーバーの方がコストがかかるので、両方を使用することをお勧めします。

関連する問題