javascript - テーブルの並べ替えメカニズムをどのように実装しますか?

Question

Stack Overflow は私の問題を解決するためのものではなく、特定の質問をするためのものであることは知っています。しかし、html テーブルのソート機能を実装する必要があり、その方法がわかりません。ユーザーが列ヘッダーをクリックできるようにする必要があり、テーブルはその列で並べ替えられる必要があります。テーブルは次のようになります。

Answer 1

jquery を使用しているので、TableSorterプラグインを使用してそれを行うことができます。

他にもたくさんありますので、ブラウズして、あなたのユースケースに最も適したものを見つけてください。

Answer 2

List.jsの原因を使用できます

1. 軽量です [3K スクリプトのみ]
2. クラスを使用して既存の HTML テーブルに簡単に実装できます
3. 検索可能、ソート可能、フィルタリング可能

HTML

<div id="my-list">
    <ul class="list">
       <li>
           <h3 class="name">Luke</h3>
       </li>
       <li>
           <h3 class="name">John</h3>
       </li>
    </ul>
</div>

Javascript

var options = {
    valueNames: ['name']
};
var myList = new List('my-list', options);