Dev Faq
0
votes

jQuery chaque fonction pour ajouter des lignes à une table

Entrez la description de l'image ici J'ai deux fonctions jQuery. Le premier ajoute des lignes et une seconde on ajoute des colonnes. J'ai rencontré ce problème après avoir créé ma fonction addColumns. Lorsque j'ajoute des colonnes avant d'ajouter des rangées, les fonctions des lignes ne savent pas qu'il y a de nouvelles TDS ajoutées. Existe-t-il un moyen de créer la même fonction que j'ai pour addColumns, mais au lieu de codage dur, le code HTML pour chaque TD utilise une fonction de chaque fonction? De cette façon, ma fonction Ajouter des lignes saurai-on vérifier pour le nouveau TDS?

ou peut-être qu'il y a une approche plus facile de ce problème que la façon dont je vais y aller ... xxx

1 commentaires

Partagez votre code HTML

3 Réponses :

1
votes

ne peut être pas parfait mais cela peut vous donner une idée de ce que vous voulez. Il suffit de compter les Coulmns de la dernière ligne que vous avez ajoutée puis boucle jusqu'à la longueur de la dernière rangée. 

 var cols = $("table").find("tr:last td"); 
$('.addColumn').click(function() {
   var markup = ("<tr>\
   for(var i = 0; i < cols.length; i++)
   {
     if(i == 4)
     { 
        "<td id='i-"+rowCount+" class='h-text'>Enter Initiative"+" "+rowCount+" 
        "+"here</td>\"
          return; }

        "<td id='h-gi-"+rowCount+"-"+1+"' class='harvey'><img 
        src='../Images/HarveyBalls/harvey-null.svg'/></td>\
   }
</tr>");
  });

0 commentaires
2
votes

Voici un exemple de la façon dont vous pouvez ajouter des colonnes et des lignes et de garder une trace des numéros de colonne et des numéros de ligne.

p> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="mytable">
  <tr>
    <td>1-1</td>
    <td>2-1</td> 
    <td>3-1</td>
  </tr>
  <tr>
    <td>1-2</td>
    <td>2-2</td> 
    <td>3-2</td>
  </tr>
</table>

<button id="addColumn">Add Column</button>
<button id="addRow">Add Row</button>

0 commentaires
1
votes

Votre logique semble être correcte. Juste une erreur de typo à proximité de la ligne xxx

le modifier à xxx

vous manquez une citation unique après RowCount + "

0 commentaires

Articles qui pourrait vous intéresser :

Select2 ne s'affiche pas correctement dans le mode bootstrap
datetimepicker ne fonctionne pas avec bootstrap 4?
L'appel Ajax n'affiche pas de réponse en cas de succès
django admin - Comment ajouter du javascript à la fin d'un fichier