Afficher un tableau JS en HTML

Résolu/Fermé

Tableau
Html

jibouz12 - 25 avril 2021 à 20:10
jibouz12 - 25 avril 2021 à 21:54

Bonjour,

je voudrais savoir comment je peux afficher un tableau que je génère dans une boucle JS sur mon site en HTML.
J'arrive à créer le tableau dans le script, c'est un tableau simple unidimensionnel ( var tableau = [ ] ) que ma boucle for génère à l'aide de la fonction tableau.push()
J'aimerais maintenant pouvoir l'afficher en HTML afin de le rendre visible sur mon site (afficher chaque élément successivement sur ma page).
Je ne sais pas si j'ai été assez clair ^^,
merci de votre aide.

A voir également:

Afficher un tableau javascript en html
Tableau word - Guide
Tableau ascii - Guide
Tableau croisé dynamique - Guide
Impossible d'afficher le rapport de tableau croisé dynamique sur un rapport existant ✓ - Forum Excel
Trier un tableau excel - Guide

3 réponses

Réponse 1 / 3

jordane45 Messages postés 38454 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 22 mars 2025 4 740
25 avril 2021 à 20:58

Bonjour
Il te suffit de boucler sur ton tableau et de prendre chaque élément pour les mettre dans ta page.
As-tu des notions sur le JavaScript ?
Connais-tu la fonction innerHTML ? Ou append ?
De quelle façon souhaite tu les afficher ? Dans une liste, dans un tableau, autrement ?
Quelle est la structure actuelle de ta page ? À quel endroit désire tu faire cet affichage ?

Comme tu peux le voir ta question manque cruellement de détails pourtant nécessaires à sa résolution ..

Discussions similaires

Afficher des données de ma BDD en HTML ET PHP (PDO)

Bonjour,

je souhaite afficher les données présentes dans ma base de donnée (MySQL) dans un tableau en HTML à l'aide de PHP.
Et je veux que mes deux fichiers HTML et PHP soient bien distincts (pas de balise à chaque fois qu'il faut ajouter quelque chose dans mon fichier HTML).

Voici à quoi pourrait ressembler la BDD :
Table contact
id prenom ville
1 Louis Paris
2 Pierre Marseille
3 Carla Lyon

Mon fichier HTML (tableau) :

Contacts

Liste des contacts...

Insertion données tableau html dans la bdd avec PDO

Bonjour la grande famille!
Svp!!! je ne demande que votre aide je suis vraiment coincé à un problème avec javascript et php j'ai un script javascript qui me permet d'ajouter des lignes dans mon tableau html par rapport à la saisie des utilisateurs et j'aimerais ensuite envoyer toutes les données de ce tableau dans ma bdd en un coup je suis vraiment coincé aidez moi svp!!!
voici mon code qui me permet de remplir mon tableau html

function addRow() {
"use strict";
var tableBody = document.getElementById("table-body");
var td1 = document.createElement("td");
var td2 = document.createElement("td");
var td3 = document.createElement("td");
var td4 = do...

Affichage des données mysql dans un tableau html

Bonjour,
Mon problème
J'ai une table mysql (table de rendez-vous) avec champs nom et date (plusieurs noms peuvent exister pour une même date, plusieurs dates peuvent exister pour un même nom.)
date#1 nom#1
date#2 nom#1
date#2 nom#2
date#2 nom#3
date#3 nom#4
date#3 nom#3
date#4 nom#1
date#4 nom#4
date#5 nom#2

je veux afficher sous forme de tableau.
date#1 date#2 date#3 date#4 date#5
nom#1 nom#1 nom#4 nom#1 nom#2
nom#2 nom#3 nom#4
nom#3
La solution est peut-être très simple, mais je n'ai pas trouvé (je débute en PHP).
J'ai fait une 1ère re...

Insérer un tableau avec images en html

J'ai besoin svp d'insérer un tableau en html pour une signature mail :
- Le tableau (sans bordures et sans fond) a 2 colonnes, la colonne de droite est divisée en 2 lignes.
- Dans chacune des 3 cellules, j'insère une image avec un lien hypertexte + attributs alt et title.
Je ne sais pas faire...merci de votre aide !

couleur de texte dans une cellule HTML

Bonjour,

Toujours dans mon apprentissage html, je voudrai changer la couleur du texte dans les cellules d'un tableau. Quelqu'un aurait il la balise magique svp?
Merci d'avance

la gr3nouille

Tableau HTML centré

Bonjour,

J'ai à peu près le même problème, voici mon code :

Préconisations
Evènements

Je souhaite pour ma part, tout centrer : tableaux, texte et images

Quelqu'un pourrait-il m'aider ?

Merci d'avance

Configuration: Windows 7 / Firefox 4.0.1