Modifier la balise tableau

[Palsajicoco]

Salut,
je crée un tableau html et je veux le modifier. Ce tableau contient un titre et des données. j'ajoute des paramétres a la balise table mais on dirait que le titre n'y est pas inclus .. il ne change pas ! voici la balise :

Code :

var headerTable = '<table WIDTH="250" BORDER="2" BORDERCOLOR="gray" CELLPADDING="7" CELLSPACING="3" BGCOLOR="#C6EFF7">' + jsonData.title + '</th></tr>' + '<tr>' + html+ '</tr></thead></table>';

C'est une variable Javascript.

Merci d'avance.

[Golgotha]

Bonjour,

Tu as fait un alert(jsonData.title); pour voir si ta variable était renseignée ?

sinon, ou commence les balises ? :

Code :

jsonData.title + '</th></tr>'

[Palsajicoco]

Merci pour la réponse,

En fait, j'ai fait un console.log et c'est vérifié. en plus, je titre s'affiche, mais quand je fais des modifications sur le tableau, les éléments changent et le titre ne change pas.

En gros, je fait une boucle if pour tester le retour a la ligne :

Code :

1
2
3
4
5
6
7
8
for(head in jsonData.header){
					html += "<th>" + head + "</th><th>" + jsonData.header[head] + "</th>";
					if(i==1) {
						html += "</tr><tr>";
						i=0;
					}else{
						i++;
					}

puis j'affecte la variable html a la balise table.

[Golgotha]

Peux tu me donner le code source HTML de ta page généré , enfin la partie du code qui nous intéresse.

ça nous dira probablement ou est l'erreur.

[Palsajicoco]

En fait, c'est un code JavaScript .. mais le problème réside dans les balises html et leurs propriétés. et concernant le code, j'ai pratiquement publié tout!
je commence par une boucle pour construire la variable html et puis construire la variable headerTable.

[Golgotha]

Je sais

Mais c'est le code de la page HTML généré qui m'intéresse

comment apparait ta table en HTML une fois généré ?

[Palsajicoco]

Code :

<table width="250" border="2" bordercolor="gray" cellpadding="7" cellspacing="3" bgcolor="#C6EFF7"><tbody><tr><th>header title</th><th>header_1</th><th>header title2</th><th>header_2</th></tr><tr><th>header title3</th><th>header_3</th></tr></tbody></table>

Voila

[Golgotha]

Donc c'est jsonData.title qui ne s'affiche pas, il devrait apparaitre

[..]bgcolor="#C6EFF7">ICI<tbody>[...]

Tu peux ajouter un alert(jsonData.title); et me dire ce que ça te donne ?

[Palsajicoco]

ca me rend la variable!

Code :

Report Title

[Golgotha]

La je sèche.. essaye d'affiche ta variable de façon différente pour voir ce qui cloche, essaye de l'afficher toute seule sur ta page, puis ajoute peux à peux ton code pour voir à quel moment elle ne s'affiche plus.

[Palsajicoco]

mais j'ai le titre Report title juste au dessus du tableau, et bizarrement, il subit pas les modification de width, background ... de la balise table
C'est pas normal du tout mais je vois la variable s'afficher ..

[Golgotha]

Si le titre ne fait pas partie intégrante du tableau HTML il n'aura pas les attribut du tableau en fait..

Normalement le titre se met de cette façon :

Code :

1
2
3
4
5
6
<TABLE BORDER="1">
  <CAPTION> Voici le titre du tableau </CAPTION>
  <TR>
 <TH> Titre 1 </TH>
  </TR>
</TABLE>

le titre apparaitra au dessus du tableau, en texte simple.

Si tu veux vraiment que le titre soi "dans" le tableau, il faut le mettre dans une ligne du tableau.

[Palsajicoco]

J'ai pensé a modifier la variable :

Code :

1
2
var headerTable = '<table WIDTH="250" BORDER="2" BORDERCOLOR="gray" CELLPADDING="7" CELLSPACING="3" BGCOLOR="#C6EFF7"></th></tr>' +
				'<tr>' + jsonData.title + '</tr>' + '<tr>' + html + '</tr></thead></table>';

je pensais que cq va aider mais non

[ornitho13]

et si tu regardais/ fournissais le code HTML généré par le javascript, on verrait peut être plus facilement l'erreur.