HTML Table de Tri en jQuery

J'ai simple Tableau HTML, j'ai besoin d'ajouter de tri et de regroupement sur toutes les colonnes dans 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>
génial. J'ai besoin de trucs trop parfois. Mais qu'avez-vous essayé?
Qu'essayez-vous de dire?

OriginalL'auteur Waqas Zahoor | 2013-06-19

  1. 3

    Il existe plusieurs plugins pour effectuer ce à l'aide de jQuery. La plus connue est le jQuery tablesorter:

    http://tablesorter.com/docs/

    Il y a des charges de ces plugins ici, de choisir celui que vous aimez le plus:

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

    Quelqu'un peut-il me donner le code pour cela, pas de plugin.
    Vérifiez ici: stackoverflow.com/questions/3160277/jquery-table-sort - cependant, il n'a pas de travail pour moi - le tableau n'est pas sortable. Pourquoi ne voulez-vous pas utiliser un plugin?
    je veux utiliser int au sein de mon propre plugin..
    Vérifiez le code de ces plugins et de les adapter à votre propre. Ou, vous pouvez simplement faire une exigence dans votre plugin qu'il a besoin d'un autre plugin pour fonctionner (comme jQuery UI besoins jQuery, par exemple)

    OriginalL'auteur Filippos Karapetis

  2. 4

    Vous pouvez utiliser tablesorter pour cela. C'est très simple à utiliser. 

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

    Ici vous pouvez vérifier le travail de démonstration

    OriginalL'auteur Claudio Redi

  3. 4

    Je suggère d'utiliser datatables, vous l'utilisez comme ceci:

    $(document).ready(function(){
    $('#example').dataTable();
});

    OriginalL'auteur isJustMe

  4. 0

    Ne pas réinventer la roue. Utilisation jquery tablesorter plugin.

    OriginalL'auteur DhruvPathak