jQuery Girl
  1. jQuery Girl
  3. Trier une colonne de données mélangée avec tablesorter
Intereting Posts
Les boutons gauche et droit se comportent mal en essayant d’append une étendue vide à la div contenteditable URL de demande ajax php simple Comment modifier la couleur d’arrière-plan d’une cellule dans un formateur personnalisé jqgrid? Jquery: Empêcher le rechargement de la page lorsque vous appuyez sur le type d’entrée = submit jQuery fadeOut ne change pas la propriété d’affichage Mettez en surbrillance l’image sélectionnée dans le formulaire – avec JQuery? Le calcul de la hauteur à l’aide de jQuery diffère dans Firefox et Chrome Superposition image2 sur image1 HTML 5 événement vidéo non terminé non déclenché Confus à propos du mot clé ‘this’ en javascript Impossible pour jQuery on () d’enregistrer du contenu ajouté dynamicment Exécuter Jquery chaque fois qu’une fonction spécifique est exécutée Mouseout et Mouseleave ne fonctionne pas Le clavier virtuel Jquery Mobile 1.4.5 de l’appareil masque les entrées de formulaire en bas de la page. Comment les événements jQuery Custom fonctionnent-ils exactement?

Trier une colonne de données mélangée avec tablesorter

J’utilise actuellement le plugin JQuery Tablesorter qui se trouve à l’ adresse suivante : http://www.tablesorter.com , et j’ai des problèmes avec une colonne contenant à la fois des dates et du texte. Voici le jsfiddle:

http://jsfiddle.net/M3V4U/1/

Si vous cliquez sur le titre du champ du premier nom, il ne sera pas sortingé car il y a une date aléatoire à l’intérieur. J’ai essayé de forcer une sorte de texte mais ça ne marcherait pas. Quelqu’un a des idées?

On dirait que vous essayez de définir le type de sortingeur à l’aide de métadonnées 

first name

Mais le plugin de métadonnées n’a pas été chargé dans cette démo. Donc, chargez le plug – in de métadonnées ou ajoutez le type de sortingeur à l’option d’en-tête: 

 $("table").tablesorter({ headers: { 0: { sorter: "text" }, 4: { sorter: "percent" } } });

Voici une démo mise à jour .

J’ai trouvé une réponse pas terrible, mais cela fonctionne pour le moment.

J’ai enlevé cet parsingur: 

 ts.addParser({ id: "shortDate", is: function (s) { return /\d{1,2}[\/\-]\d{1,2}[\/\-]\d{2,4}/.test(s); }, format: function (s, table) { var c = table.config; s = s.replace(/\-/g, "/"); if (c.dateFormat == "us") { // reformat the ssortingng in ISO format s = s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{4})/, "$3/$1/$2"); } else if (c.dateFormat == "uk") { // reformat the ssortingng in ISO format s = s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{4})/, "$3/$2/$1"); } else if (c.dateFormat == "dd/mm/yy" || c.dateFormat == "dd-mm-yy") { s = s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{2})/, "$1/$2/$3"); } return $.tablesorter.formatFloat(new Date(s).getTime()); }, type: "numeric" });

ce qui semble résoudre mon problème, puisqu’il empêche l’parsingur de date de s’exécuter complètement. Cela poserait probablement des problèmes dans d’autres scénarios, mais semble fonctionner pour ma page pour l’instant. Je suis toujours ouvert à toute autre réponse, si les gens en ont.