2010-01-25 6 views
1

comme par question que je veux réordonner les cellules vides de table à l'aide jquery, ne veulent pas éliminer les cellules .. toutes les cellules avec des données seront d'abord, puis vide les cellules devraient être là.comment réordonner les cellules vides de la table HTML en utilisant jquery

comment le faire mieux.

ma table contient 10 cols et certaines lignes ... les cols seront corrigés. je veux juste réorganiser le sans enlever les cellules.

+0

par colonne ou par rangée ??? – Reigel

+0

Si vous pouvez utiliser un plugin, essayez datatables.net ... ou tablesorter.com – Reigel

Répondre

0

Si ce que vous êtes désireux de faire est de déplacer les « cellules » vides comme vous le dites et non « lignes » cela fonctionne ...

$(document).ready(function(){ 
    $("td").each(function(){ 
    if ($(this).text().length == 0){ 
     $(this).appendTo($(this).closest("tr")); 
    } 
    }); 
}); 

Cela devrait déplacer toutes les cellules vides à la fin de chaque rangée. Il peut ne pas être le plus rapide ou le plus élégant, mais il semble fonctionner.

Cependant, si ce que vous essayez de faire est de déplacer vide « lignes » à la fin de la table, alors cela fonctionne ...

$(document).ready(function(){ 
    $("tr").each(function(){ 
    var rowtext = ""; 
    $(this).find("td").each(function(){ 
     rowtext += $(this).text(); 
    }); 

    if (rowtext.length == 0){ 
     $(this).appendTo($(this).closest("table")); 
    } 
    }); 
}) 

Si ceux-ci ne vous ne pouvez pas exécuter assez vite essayer excès de vitesse ce code en utilisant un sélecteur plus spécifique dans la première ligne sous $ (document) .ready().

0

Vous pouvez essayer tablesorter addon jQuery, de sorte que vous ne pas inventer de nouveau la roue.

Je ne sais pas si cela convient à vos besoins. Je ne suis pas vraiment sûr de ce que vous essayez réellement d'accomplir. Ce serait mieux si vous éditiez votre message original avec quelques exemples de code.

Questions connexes