supprimer td et modifier les données de la cellule

Question

J'ai une table avec plusieurs lignes. Chaque ligne est identifiée dans l'interface utilisateur avec un certain nombre ordonné tel que 1, 2, 3, etc. Ce numéro ordonné est également affiché dans l'interface utilisateur.

Lorsqu'une ligne est supprimée, l'ordre doit être changé dynamiquement

Si la deuxième ligne est supprimée. Ensuite, les autres rangées doivent être à nouveau ordonnées dans l'ordre 1, 2, 3, etc.

Comment est-ce que je peux faire ceci?

Answer 1

Vous pouvez exécuter quelque chose comme ceci lors de la suppression d'une ligne:

$("tr").click(function() { 
    var $table = $(this).closest('table'); 
    $(this).remove(); 
    $table.find('tr > td:first-child').map(function() { 
     $(this).html($(this).closest('tr')[0].rowIndex + 1); 
    }); 
}); 

Démo: http://jsfiddle.net/karim79/E5bCr/

Answer 2

la démo est bonne. mais je pense que la question est de savoir comment réorganiser la numérotation dans le tableau. j'avais fais semblable à ceci mais d'une manière différente .. je n'ai pas trouvé comment commander à nouveau la numérotation mais plutôt puisque le contenu de table est de la base de données. Je re-interroger sur la base de données et récupérer tous les enregistrements ..

$("#my_table tbody").find("tr").remove(); //remove the tr's from below tbody 
$.getJSON("file.php",function(json){ 
ctr = 1; 
for(i=0;i<json.length;i++){ 
$('#my_table tbody:first').append('<tr><td>'+ctr+'</td></tr>'); 
ctr++; 
}); 

c'est ma solution temporaire.

Answer 3

<script> 
    var gCounter = 1; // global 
    $('table').bind('row_deleted', 
     function() { 
      gCounter = 1; // reset 
      $(this).find('tbody tr').each(
       function() { 
        $(this).find(':first-child').html(gCounter++); 
       }); 
     }); 

    $('#your_table').trigger('row_deleted'); 

</script>