HTML テーブルの並べ替え

Question

<p>基本的には、データベースからデータを取得し、それをユーザーにとって読みやすいレイアウトで表示する mysql クエリを実行しています。 </p> <pre class="brush:php;toolbar:false;">名前-----住所----営業担当者</pre> <p>要点はわかりますね。次に、ユーザーが HTML テーブルを営業担当者ごとに並べ替えるようにします。ドロップダウン メニューを使用してこれを簡単に行うにはどうすればよいですか? </p> <p><br /></p> <pre class="snippet-code-html lang-html prettyprint-override"><code><div class='menu'>

<li><a href='#'><span>営業担当者</span></a>
<li><a href='#'><span>メリッサ</span></a></li> <li><a href='#'><span>ジャスティン</span></a></li> <li><a href='#'><span>ジュディ</span></a></li> <li><a href='#'><span>スキッパー</span></a></li> <li><a href='#'><span>アレックス</span></a></li> </ul> </li> </ul> </div></code></pre> <p><br /></p>

Answer 1

これは別のライブラリです。

行う必要がある変更は次のとおりです -

1. 並べ替えjsを追加
   

2. クラス名 sortable をテーブルに追加します。

テーブルのタイトルをクリックして、それに応じてテーブルを並べ替えます:

リーリー

Answer 2

以下で説明する JQuery プラグインのいずれかを使用できるかどうかを確認してください。単純に素晴らしく、幅広い作業オプションを提供し、統合するのにそれほど労力がかかりません。 :)

https://github.com/paulopmx/Flexigrid - フレックスグリッド
http://datatables.net/index - データテーブル。
https://github.com/tonytomov/jqGrid

そうでない場合は、並べ替えを呼び出すサーバー側スクリプトを呼び出すヘッダーへのリンクが必要です。