4

シンプルな HTML テーブルがあり、jQuery のすべての列に並べ替えとグループ化を追加する必要があります。

<table cellspacing='0'>
<thead>
    <tr>
        <th>Task Details</th>
        <th>Progress</th>
        <th>Vital Task</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Create pretty table design</td>
        <td>100%</td>
        <td>Yes</td>
    </tr>

</tbody>

4

4 に答える 4

4

datatablesを使用することをお勧めします。次のように使用します。

$(document).ready(function(){
    $('#example').dataTable();
});
于 2013-06-19T13:38:29.163 に答える
4

jQuery を使用してこれを実行するためのさまざまなプラグインがあります。最もよく知られているのは jQuery tablesorter です。

http://tablesorter.com/docs/

ここにはそのようなプラグインがたくさんあります。最も好きなものを選んでください。

http://www.tripwiremagazine.com/2013/06/jquery-filter-sort-plugins.html

于 2013-06-19T13:37:07.560 に答える
4

これにはtablesorterを使用できます。使い方はとても簡単です。

$(document).ready(function() { 
   $("#myTable").tablesorter();  // <-- 'myTable' is the id of your table    
});

ここで動作デモを確認できます

于 2013-06-19T13:36:56.000 に答える
0

車輪を再発明しないでください。jquery テーブルソータープラグインを使用します。

于 2013-06-19T13:36:56.343 に答える