Discussion :

[langela94]

Bonjour,

Je souhaite afficher dans un tableau des données provenant d'une base, en alternant les couleurs des lignes dans ce tableau.
J'ai consulté les réponses du forum, mais elles indiquent seulement comment le faire à l'aide d'xls, ce que je ne connais pas du tout...

Existe-t-il un moyen de faire cette manoeuvre par les CSS ou autre ?

J'utilise PHP comme langage.

Merci pour vos réponses.

L@ngel@

[Nesmontou]

Salut, ce que tu peux faire, c'est utiliser un compteur pour donner un "rang" à tes enregistrements ; suivant sa valeur, tu attribues une classe CSS à la cellule.

[langela94]

J'ai envisagé cette solution, mais je me suis dit que c'était de la bidouille, donc j'ai laissé tomber. J'étais persuadée qu'il existait une solution toute faite...

Merci, je vais essayer alors !

L@ngel@

[pc75]

Bonjour,

Voila comment je fais ça (c'est de l'ASP, mais tu devrais facilement adapter.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
do while not eof
	' Gestion de la couleur de la ligne
	If Bln_Row_Color Then
		Str_Row_Color = "#BAE2E3"
	Else
		Str_Row_Color = ""
	End If
	' Affectation du complément pour changer la couleur de la prochaine ligne
	Bln_Row_Color = Not Bln_Row_Color
...............
 
<tr BGCOLOR="<%=Str_Row_Color %>">
   <td>
.....................

[langela94]

Merci !

Je vais essayer de l'adapter au PHP et je te tiens au courant.

L@ngel@

[titoumimi]

en php :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
$compt_couleur = 1;
	while ($tabl_result = mysql_fetch_array($resultat)) {
		if ($compt_couleur % 2 == 1) {
			echo "<tr bgcolor=\"#70C0FD\">\n";
		} else {
			echo "<tr bgcolor=\"#EEEEEE\">\n";
		}
		echo "<td>toto</td>\n";
		echo "<td>tata</td>\n";
		echo "</tr>\n";
		$compt_couleur++;
	}

Bien sur, adapte les conditions du while à ton cas :-)

[SpaceFrog]

en css avec deux class

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
.lignepaire {background-color:red;}
.ligneimpaire {background-color:pink;}

puis des attributions de class une ligne sur deux ...

[langela94]

Merci bien !!!

@+

L@ngel@