date heure et alphabet judicieux sortinger dans la table html en utilisant javascript

J’ai créé un exemple en utilisant la bibliothèque jQuery et je l’ai ajouté dans http://jsfiddle.net/bURg4/2/

Le sélecteur jQuery renvoie son object tableau, qui possède sort fonction de sort native.

 $('table tbody tr').sort( function( a , b ) { // do compare here }); 

J’espère que ça va aider ..

copier et coller le code suivant dans un fichier .. renommez-le en test.html

      
 
 
 
id
 
date
 
notify
 
 
 
 
 
1
 
31-03-2013 06:12:57 PM
 
gold
 
 
 
2
 
31-03-2013 06:14:57 PM
 
diamond
 
 
 
3
 
31-03-2013 06:10:57 PM
 
silver
 
 
 
    

Je voudrais utiliser un petit plugin JQuery.

J’ai essayé http://www.datatables.net/ mais pense que c’est trop grand pour mon besoin, c’est un peu plus gros que le vôtre, alors je suggérerais http://tablesorter.com/docs/, ce qui vous convient parfaitement.

Vous trouverez des démos sur leurs sites.

Stocker les valeurs correspondantes dans un tableau et faire le sorting

Pour sortinger un tableau par date, utilisez cette

 array.sort(function(a,b){ var c = new Date(a.date); var d = new Date(b.date); return cd; }); 

Pour sortinger un tableau par alphabet, utilisez la fonction basic sort ()

Démo en direct pour sortinger la date et l’heure

 function sortAsc(a, b) { var aSort = a.Text.toLowerCase(), //Text is the field on which we make sort bSort = b.Text.toLowerCase(); if (aSort === bSort) return 0; return aSort < bSort ? 1 : -1; } function sortDesc(a, b) { var aSort = a.Text.toLowerCase(), //Text is the field on which we make sort bSort = b.Text.toLowerCase(); if (aSort === bSort) return 0; return aSort > bSort ? 1 : -1; } 

J’utilise ces deux méthodes pour sortinger Json Obejct

appelez-les comme [jsonObject].sort(sortDesc) or [jsonObject].sort(sortAsc)

Vous pouvez donner l’identifiant de la colonne de date de manière croissante, ligne 1, col1 correspondant à date_1, puis rang2 et col1, date_2, appliquez-le aux deux colonnes (notify_1, notify_2, …). Avoir un champ masqué sur le formulaire qui consiste en le nombre de lignes. sur cette base, vous pouvez lui appliquer une boucle puis utiliser n’importe quel algorithme de sorting sur le code HTML interne de td.