Netha's Blog

Tablesorter est un plugin jQuery qui permet d’effectuer des tris sur les tableaux HTML. Plus besoin de passer par des requêtes SQL, tout ce fait du côté client.

Voici un exemple d’utilisation simple à mettre en place :

Le fichier HTML :

<table id="myTable">
  <thead>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>City</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td>Jean</td>
    <td>Dupont</td>
    <td>Lille</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>New York</td>
  </tr>
  <tr>
    <td>Pierre</td>
    <td>Dufour</td>
    <td>Amiens</td>
  </tr>
  <tr>
    <td>Antoine</td>
    <td>Martin</td>
    <td>Nice</td>
  </tr>
  </tbody>
</table>

Le code Javascript :

$(document).ready(function()
  {
  $("#myTable").tablesort();
  }
);

Bien entendu il faudra inclure jQuery et le plugin Tablesorter dans votre page web pour que cela fonctionne. Il existe plusieurs option permettant de sélectionner les colonnes sur lesquelles le tri doit être appliqué.

Site officiel : http://tablesorter.com/