Accueil > > > TRANSFORMER UN TABLEAU JAVASCRIPT EN UN TABLEAU HTML
TRANSFORMER UN TABLEAU JAVASCRIPT EN UN TABLEAU HTML
Information sur la source
Description
Cette fonction prend en argument une variable javascript qui est un tableau, une matrice à x lignes et y colonnes, et le transforme en une table HTML aver entête (la 1ere ligne de la matrice en TH) et données. Cette table est un objet javascript qu'il faut "append" sur un DIV ou équivalent. tout simplement. Un exemple tout simple? Soit "val" la variable matrice JS, et "obj" un objet DIV (obtenu en général avec obj = document.getElementById('nom_div'); ...): obj.appendChild( CreateTableArray( val)); c'est tout!
Source
-
- // génère un tableau HTML sur la base d'un tableau à 2 dimensions val[][]
- // la 1ere ligne de val contient les entêtes
- function CreateTableArray(val) {
- var tbl = document.createElement("TABLE");
- tbl.setAttribute("border", 1);
- var tr = document.createElement("TR");
- var tbody=document.createElement("TBODY");
- var thead=tbl.createTHead();
- var tfoot=tbl.createTFoot();
-
- var n=val[0].length;
- for (var j = 0; j < n; j++) {
- var td = document.createElement("TH");
- td.appendChild(document.createTextNode(val[0][j]));
- tr.appendChild(td);
- }
- thead.appendChild(tr);
-
- m = val.length;
- for(var i = 1; i < m; i++){
- var tr = document.createElement("TR");
- for(var j = 0; j < n ;j++){
- var td=document.createElement("TD");
- td.appendChild(document.createTextNode(val[i][j]));
- tr.appendChild(td);
- }
- tbody.appendChild(tr);
- }
-
- tbl.appendChild(thead);
- tbl.appendChild(tfoot);
- tbl.appendChild(tbody);
- return tbl;
- }
-
// génère un tableau HTML sur la base d'un tableau à 2 dimensions val[][]
// la 1ere ligne de val contient les entêtes
function CreateTableArray(val) {
var tbl = document.createElement("TABLE");
tbl.setAttribute("border", 1);
var tr = document.createElement("TR");
var tbody=document.createElement("TBODY");
var thead=tbl.createTHead();
var tfoot=tbl.createTFoot();
var n=val[0].length;
for (var j = 0; j < n; j++) {
var td = document.createElement("TH");
td.appendChild(document.createTextNode(val[0][j]));
tr.appendChild(td);
}
thead.appendChild(tr);
m = val.length;
for(var i = 1; i < m; i++){
var tr = document.createElement("TR");
for(var j = 0; j < n ;j++){
var td=document.createElement("TD");
td.appendChild(document.createTextNode(val[i][j]));
tr.appendChild(td);
}
tbody.appendChild(tr);
}
tbl.appendChild(thead);
tbl.appendChild(tfoot);
tbl.appendChild(tbody);
return tbl;
}
Sources de la même categorie
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
Recherche dans un tableau js [ par dridri ]
Bonjour,Voila j'ai une question qui m'embète pas mal. Je voudrais savoir s'il était possible de faire une recherche dans un tableau js contenant des d
La porté d'un array en javascript [ par maxxcbenny ]
Bonjour,Comment faire pour passer un tableau de type array dans une fonction en javascript ?Parce que voici ce que j'ai codé :<script language="Jav
Formulaire : Ajouter une ligne sans reload [ par coraziari ]
Bonjour,Je réalise un formulaire de saisie de CV mais je galère un peu pour les expériences. En effet, pour ne pas "polluer" trop la page, j'ai mis un
création dynamique d'un Tableau HTML depuis 1 array [ par durand2504 ]
Bonjour, j'ai écrit un script permettant de créer un tableau HTML depuis un array. ce script fonctionnement très bien sous
Bug avec array::length [ par Checker_Bobby ]
Bonjour, je savais pas trop ou mettre la remarque suivante... J'ai constater un truc "bizarre" avec JavaScript qui m'a bien tordu l'esprit avant que j
Création tableau javascript via php [ par Blacknight91titi ]
Bonjour,J'ai ci dessous le morceau de code de mon script qui pose problèmepreview = new Array( <?php <F
table imbriqué ou multiniveau [ par ammoun1882 ]
voila mon problème c que j'ai besoin de créer des tableau imbriqué l'une dans l'autre sachant que j'ai des données d'une base de donnée jusque là c bo
affecter un document.forms.... à une variable [ par amelied54 ]
Alors voila mon problème: j'ai une liste déroulante je voudrais affecter à ma variable ch1 l'option de la lise déroulante choisie, mais je sais pas si
Trier tableau généré en js [ par way2web ]
Bonjour,j'ai créé un script me permettant de générer un tableau html à partir de données stockées dans un array à 2 dimensions. L'affichage est correc
2 Select liés ensemble [ par folkene ]
Voila je me suis un peu inspirer de ce que j'ai trouvé sur ce forum, je l'ai modifié mais je l'ai mal fait, resultat mes tableau se créent bien, mes f
|
Derniers Blogs
L'INTERFACE NATURELLE DE WINDOWS PHONE 7 SERIESL'INTERFACE NATURELLE DE WINDOWS PHONE 7 SERIES par odewit
La tendance est aux interfaces naturelles (NUI), et le keynote de Bill Buxton au MIX l'a bien souligné.
La charte graphique et ergonomique de Windows Phone 7 a donc été entièrement repensée en vue d'obtenir un maximum d'efficacité sur ce point. En re...
Cliquez pour lire la suite de l'article par odewit COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE?COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE? par Matthieu MEZIL
Avec EF, les vues doivent être mappées sur des entity types. Le problème c'est que les entity types doivent avoir une clé. Avec EF, nous avons les complex type qui n'ont pas de clé mais les vues ne peuvent pas être mappées dessus. Avec EF4, il est possibl...
Cliquez pour lire la suite de l'article par Matthieu MEZIL [WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL?[WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL? par JeremyJeanson
Certain d'entre vous on peut être vécu cette situation embarrassante après quelques temps passer avec WF4 : Au début avec mon " ActivityDesigner" , tout allait bien. Et puis un jour j'ai au des problèmes de " Binding" . Alors nous sommes allé sur le site ...
Cliquez pour lire la suite de l'article par JeremyJeanson
Logiciels
Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|