Creer un tableau avec un nombre de colonne dynamique
Résolu/Fermé
A voir également:
- Creer un tableau avec un nombre de colonne dynamique
- Tableau croisé dynamique - Guide
- Créer un compte gmail - Guide
- Créer un compte google - Guide
- Créer un compte instagram - Guide
- Créer un compte facebook - Guide
1 réponse
choubaka
Messages postés
39152
Date d'inscription
jeudi 4 avril 2002
Statut
Modérateur
Dernière intervention
17 mars 2023
2 099
9 févr. 2022 à 08:34
9 févr. 2022 à 08:34
Bonjour
Essaye avec une boucle "for"
https://developer.mozilla.org/fr/docs/Web/JavaScript/Guide/Loops_and_iteration
Essaye avec une boucle "for"
https://developer.mozilla.org/fr/docs/Web/JavaScript/Guide/Loops_and_iteration
9 févr. 2022 à 09:10
Par exemple : si l'utilisateur choix 4 et que listeProjet = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j'];
On doit afficher le tableau comme suit:
Sur la 1ere ligne (4 colonnes) : a, b, c, d
Sur la 2eme ligne (4 colonnes) : e, f, g, h
Sur la 3eme ligne : i, j
J'ai pu déterminer comment trouver le nombre de ligne
Maintenant je connais le nombre de ligne, le nombre de colonne, le nombre d'éléments à afficher dans le tableau.
Comment faire pour créer le tableau avec ces éléments ?
Merci !
9 févr. 2022 à 13:51
Une piste possible :
const colCount = 4; const listeProjet = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j']; let html = ''; html += '<table>'; for (let i = 0; i < listeProjet.length; i += colCount) { html += '<tr>'; html += listeProjet.slice(i, i + colCount).map(projet => { return '<td>' + projet + '</td>'; }).join(''); html += '</tr>'; } html += '</table>';9 févr. 2022 à 19:58
Ça m'aide beaucoup à avancer. Seulement pour certains nombres de colonnes, ça ne s'affiche pas correctement. Au lieu que les dernières cellules soient vides, certaines cellules en plein milieu sont vides.
En tout cas ça me donne une bonne idée. Merci !