2011-08-15 1 views
1

Je rencontre des difficultés lors de l'utilisation du plugin jQuery TableSorter, si j'ai une valeur de cellule avec une date à la fin.jQuery Table de tri non triée qui se termine par une date

Je veux trier strictement par mon texte, mais je pense que le plugin doit être confondu avec le texte à cause de la date. Lorsque je clique sur l'en-tête de colonne, la classe bascule entre headerSortUp et headerSortDown, mais les lignes ne sont pas triées.

Voici un exemple:

<table id="tbl1"> 
    <thead> 
     <tr> 
      <th><a href="#" onclick="return false;">Col1</a></th> 
      <th><a href="#" onclick="return false;">Col2</a></th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>ZXY 123 10/31/2011</td> 
      <td>2</td> 
     </tr> 
     <tr> 
      <td>ABC 345 09/30/2011</td> 
      <td>4</td> 
     </tr> 
     <tr> 
      <td>DEF 345 08/31/2011</td> 
      <td>6</td> 
     </tr> 
    </tbody> 
</table> 

Si je supprime la date à la fin, ou supprimer le numéro au milieu, ou rendent les données moins CONSTANTE trie bien. J'ai essayé d'ajouter class="{sorter: 'text'} à l'élément <th>, sans effet, et j'ai aussi essayé mon propre analyseur qui ne regarde que le texte lui-même, mais toujours rien.

je l'ai, il est monté sur jsFiddle à http://jsfiddle.net/y2z8z/

Toute pensée?

Répondre

2

Vous ne pouvez pas définir la configuration d'en-tête dans l'attribut de classe, elle doit être définie dans la configuration des en-têtes. Essayez cette

jQuery(document).ready(function() { 
    jQuery("#tbl1").tablesorter({headers:{ 0: {sorter: 'text'} } }); 
}); 

Wordking demo

+0

J'ai vu cet attribut de classe en plusieurs endroits, mais maintenant que je regarde un peu plus près, il ressemble à qui repose sur le plugin métadonnées jQuery, que je ne suis pas en utilisant. Ta démo semble fonctionner comme je veux, merci. –

Questions connexes