javascript - jQuery を使用した動的テーブルの並べ替え

Question

JavaScript を使用して、テーブル ヘッダーとテーブル データを動的に設定しています。どのヘッダーセルがクリックされたかに基づいて、テーブルの行を並べ替えたいと思います。

注: 主な要件は、tablesorter、jqGrid などの jQuery プラグインを使用したくないことです。

Answer 1

アイデアの一つは、

テーブル ヘッダーのonlick (このコードを ajax サーバー コードに記述する必要があります) は、テーブルの内容を動的に取得する jquery ajax 関数を呼び出します。

ジャバスクリプト

function getTableData(sort_field, sort_by) { // sort_field: id, date, name.. & sort_by: ascending or descending
        // do call ajax function for getting the data. 
        // Pass the sort_field and sort_by value as sort field name and 
        // do the server code accordingly.
    }

HTML

<table>
<tr>
<th onclick="getTableData('date','asc');">Date</th>
</tr>
</table>