jQuery Girl
  1. jQuery Girl
  3. Réorganisation des colonnes dans une table HTML à l’aide de jquery
Intereting Posts
Tracer une nouvelle série sur un graphe de jquery flot déjà rendu Obtenir un élément html DOM à partir d’un élément JQuery Owl Carousel 2 – Obtenir le src de la diapositive actuelle Localstorage & JSON: Comment puis-je supprimer un seul tableau dans une clé, car localstorage.removeItem requirejs la clé entière Imprimer le japonais avec jQuery Trouver l’index de l’object dans le tableau avec la valeur la plus élevée dans la propriété Jquery: fonction en cours d’exécution avant fadeOut Complete Changer la couleur de fond CSS avec Timer JQuery Développer des cercles avec des animations CSS3 Désactivation d’un bouton dans un gridview à l’aide de jquery Tête de lecture avec suggestions à distance limier Remplacer le texte par un élément HTML CSS change actif sélection pour radio Comment créer des hyperliens en histogrammes Chargement de l’image de spinner gif se coince

Réorganisation des colonnes dans une table HTML à l’aide de jquery

Il y a une table html dans ce violon qui est créé comme 

 
 Sl.No Name Dec 2013 Feb 2014 Jan 2014 Mar 2014 Nov 2013 Total 
 
 1 foo 4 7 3 5 2 21 
 
 2 bar 6 1 5 8 3 23

Comment réorganiser les colonnes à l’aide de jQuery afin que l’ordre des colonnes dans la nouvelle table devienne Sl.No, Name, Nov 2013, Dec 2013, Jan 2014, Feb 2014, Mar 2014, Total Les colonnes de mois sont également générées dynamicment par serveur basé sur la sélection de date (dates de début et de fin) 

 var arr = $('th').sort(function(a, b) { return new Date(a.innerHTML) > new Date(b.innerHTML); }).map(function() { return this.cellIndex }).get(); $('tr').each(function() { $(this.cells).sort(function(a, b) { a = $.inArray(a.cellIndex, arr); b = $.inArray(b.cellIndex, arr); return a > b; }).prependTo(this); });

http://jsfiddle.net/ZR5W7/