JQuery tablesorter problème

Je vais avoir quelques problèmes avec JQuery tablesorter plugin. Si vous cliquez sur un en-tête de colonne, il doit trier les données par cette colonne, mais il ya un couple de problèmes:

Les lignes ne sont pas correctement triés (1, 1, 2183, 236)
Le total de la ligne est incluse dans le tri

Quant à (2), je ne peux pas le déplacer facilement la ligne de total à un pied de tableau, parce que le HTML est généré par le displaytag de la bibliothèque de balises sur lesquelles j'ai un contrôle limité.

Concernant (1), je ne comprends pas pourquoi le tri ne fonctionne pas comme j'ai utilisé exactement le même JavaScript montré dans l'exemple le plus simple dans le tablesorter tutoriels.

En fait, il n'y a qu'une seule ligne de code JS, qui est:

<body onload="jQuery('#communityStats').tablesorter();">

Merci d'avance,
Ne

OriginalL'auteur Dónal | 2008-11-19

23

Le premier problème est dû au fait que la table de trieuse automatique détecte la colonne à un "texte" -colonne (probablement parce que les cellules vides). Pour résoudre ce utilisez ce code pour initialiser le tablesorter et de définir tous les champs des deux chiffres ou de devises en fonction des données:
```
<script type="text/javascript" >
jQuery(document).ready(function() 
{ 
    jQuery("#communityStats").tablesorter({ 
        headers: { 2: { sorter:'digit' } , 
                   3: { sorter:'digit' } ,
                   4: { sorter:'digit' } ,
                   5: { sorter:'digit' } ,
                   6: { sorter:'digit' } ,
                   7: { sorter:'digit' } ,
                   8: { sorter:'currency' } ,
                   9: { sorter:'currency' } ,
                   10: { sorter:'currency' } ,
                   11: { sorter:'currency' } 
                 } 
    }); 
});
</script>
```
-1 overkill. beaucoup plus élégant à l'utilisation de métadonnées et de spécifier l'algorithme de tri tablesorter doit utiliser en ligne. voir ma réponse ci-dessous.
Trupe mais comme précisé en question n'est qu'il a le contrôle pour mettre des méta-données dans un tableau html généré par les "displaytag" de la bibliothèque
Idiot du Village, puis il est foutu(c'est à dire aura encombrants code)
N'oubliez pas d'ajouter jquery.metadata.js (séparée de projet) si vous souhaitez définir ces choses separemment. Pas mentionné directement dans la documentation, je crois.
tvanfosson de la solution de travail pour le pied de page. tablesorter() reconnaît nn: { sorter:'date' } comme un type valide aussi.

OriginalL'auteur Tjofras
8

Je vous recommande d'utiliser un peu de Javascript pour supprimer la dernière ligne de la table. Ajouter un pied de page, puis ajouter à nouveau la disparition de la ligne de la table. Pour résoudre le problème avec les données vide dans un numérique cellulaire, vous pouvez avoir besoin d'ajouter vos propres parseur personnalisé.
```
   $(function() {
       $('#communityStats').append("<tfoot></tfoot>");
       $('#communityStats > tr:last').remove()
                                     .appendTo('#communityStats > tfoot');
       $('#communityStats').tablesorter();
   });
```
-1 c'est un très kloodgy solution
Mais il répond à l'exigence et ne pas compter sur le serveur de côté les changements que les OP indique ne peuvent pas être faites.
vrai. vote supprimé

OriginalL'auteur tvanfosson
2

Je pense la réponse à la n ° 1 c'est que vous avez les champs vides pour certaines numérique colonnes causant la tablesorter pour détecter cette colonne comme une "chaîne" de la colonne.

-1 n'est pas une solution, qui est de spécifier explicitement une méthode de tri. voir ma réponse.

OriginalL'auteur Eric Wendelin
0
1. Les champs vides pourrait être un problème (e.g ils ne sont pas 0), essayez d'utiliser parseur personnalisé qui lui enlève toute non-numericals et les valeurs des forces d'entiers (exemple: http://paste.pocoo.org/show/90863/ )
2. Mettre votre "total" de ligne à l'intérieur d'un <tfoot> </tfoot> tag juste avant la fin de la table
OriginalL'auteur duckyflip
0

J'ai trouvé que le travail non reconnu numériques (chiffres) colonnes. Il semble que 0 est considéré comme du texte par la version actuelle (2.0.3) de tablesorter.

Y compris le modèle de tvanfosson, ce script en bas de votre page de déplacer votre dernière ligne de pied de page qui l'empêche d'être triés avec les données dans tbody et force le trieur à l'utilisation d'un tri numérique plutôt que le texte de sorte qu'il utilise comme vous l'avez décrit.
```
$(document).ready(function() {
  $('#communityStats').append("<tfoot></tfoot>");
  $('#communityStats > tr:last').remove()
    .appendTo('#communityStats > tfoot');

  $("#communityStats").tablesorter({
     debug: true,
     headers: { 
       0:{sorter: 'digit'}
       ...
       10:{sorter: 'digit'}
     }
  });

}); 
```
le paramètre debug peut être supprimé, mais il vous aidera à voir ce que le code est le réglage sous chaque colonne de l'analyseur. Si vous avez installé firebug, il imprime à la console.

OriginalL'auteur catalpa

en-tête fixe pour plugin tablesorter :

css

table.tablesorter thead {
position: fixed;
top: 35px; //
}

function tableFixedHeader() {
   var tdUnit = $('.tablesorter tbody tr:first').children('td').length;
   for(var i=0;i<tdUnit; i++) {
     $('.tablesorter thead th').eq(i).width($('.tablesorter tbody td').eq(i).width());
   }
   $('.tablesorter').css('margin-top',$('.tablesorter thead').height()); 
}

HTML

<div id="container">
   <div id="topmenu" style="height:35px;">some buttons</div>
   <div id="tablelist" style="width:100%;overflow:auto;">
      <table class="tablesorterw">.....</table>
   </div>
</div>

OriginalL'auteur kemal baylan

Vous devez vous connecter pour publier un commentaire.