"; //this calls the function based on the iteration of the for loop. puis ajoutez la fonction à la page ou au fichier de bibliothèque:
function getbgc ( $trcount)
$blue = "\"background-color: #EEFAF6;\"";
$green = "\"background-color: #D4F7EB;\"";
$odd = $trcount% 2;
if ( $odd == 1){ return $blue;}
else { return $green;}}
Maintenant, cela alternera dynamiquement entre les couleurs à chaque ligne de table nouvellement générée. C'est beaucoup plus facile que de jouer avec CSS qui ne fonctionne pas sur tous les navigateurs.
Css Tableau Ligne Couleur Alterne En
FORUM
Programmation
HTML/CSS
Recherche:
Mot: Pseudo: Filtrer Bas de page Auteur Sujet: Alterner la couleur des lignes d'un tableau? blueman_82 Posté le 18-10-2002 à 23:37:53 comment faire pour alterner automatiquement la couleur des lignes d'un tableau?? Publicité Posté le 18-10-2002 à 23:37:53 skylight Made in France. Posté le 18-10-2002 à 23:46:34 $couleur = $comp%2? Css tableau ligne couleur alterne en. $couleur1: $couleur2;
$comp++;
blueman_82 Posté le 18-10-2002 à 23:49:12 ça c du php non?? justement le probleme c'est que je ne peut ni utiliser du php, du du cfm, asp..... skylight Made in France. Posté le 18-10-2002 à 23:52:14 bin javascript alors
blueman_82 Posté le 18-10-2002 à 23:53:34 oui mais je sais pas faire skylight Made in France. Posté le 18-10-2002 à 23:54:28 en JS ca donne function truc(var) {
if (var%2 == 1)
('#couleur1';
else
('#couleur2';
return var++;} Message édité par skylight le 19-10-2002 à 00:00:26 blueman_82 Posté le 18-10-2002 à 23:57:08 et après je l'applique comment au tableau? skylight Made in France.
Css Tableau Ligne Couleur Alterne Gratuitement
Le plus simple est de supprimer l'espace en question de la table:
table { border-collapse: collapse;}
[ancien post]
En fait tu ne peux pas vraiment le faire car il s'agit de la couleur de fond de l'élément table. Par contre tu peux ruser en agglutinant toutes les cellules et en simulant la couleur de fond de la ligne avec border:
1 2 3 4 5 6 7 8 9 table { border-collapse: collapse;}
tr:nth-child ( odd) {
td { border-right: 2 px solid white;}
tr:nth-child ( even) td { border-color: lightgrey;}
tr td:last-child { border: none;}
Brachygobius xanthozonus
Ctenobrycon Gymnocorymbus
15/01/2015, 22h48
#6
[résolu]
@CosmoKnacki
Malin comme un singe, je cherchais midi à 14h en voulant sélectionner les bords une ligne sur deux. Merci
Evident, et j'ai ajouté pour compenser le border-collapse:
1 2 3 th, td {
padding-left: 0. 1 cm; padding-right: 0. 1 cm; padding-top: 0. Css tableau ligne couleur alterne et. 1 cm; padding-bottom: 0. 1 cm;}
+ Répondre à la discussion Cette discussion est résolue. Discussions similaires
Réponses: 1
Dernier message: 24/02/2010, 15h14
Réponses: 3
Dernier message: 07/05/2008, 13h14
Réponses: 7
Dernier message: 28/01/2008, 14h57
Réponses: 4
Dernier message: 18/01/2008, 17h11
Dernier message: 08/06/2006, 21h13
× Vous avez un bloqueur de publicités installé.
Css Tableau Ligne Couleur Alterne De
Colonnes paires et impaires
Les mêmes règles s'appliquent également pour les colonnes des
tables, mais il doit y avoir un élément dans le document qui
corresponde à la colonne. HTML founit l'élément COL pour cela. La
table doit débuter avec un élément COL pour chaque colonne:
Month | '94 | '95 | '96...
(COL n'est pas limité à l'application de style mais dans ce cas,
nous avons juste besoin que les éléments COL soient présents). [Résolu] Tableau - alterner couleur des lignes - Debutant par idou - OpenClassrooms. Les
règles suivantes stipulent que la première colonne à un fond jaune
et que chaque deuxième colonne en commençant à la colonne 3 a un
fond gris:
col:first-child {background: #FF0}
col:nth-child(2n+3) {background: #CCC}
Le fond des rangées (TR) est appliqué par dessus le fond des
colonnes (COL), donc si vous voulez être certain que le fond
appliqué aux colonnes soit visible, vous ne devriez pas définir de
fond pour les rangées.
alternate_color tr: nth - child ( odd) td {
/* styles here */}
table. alternate_color tr: nth - child ( even) td {
Nous pouvons utiliser des règles CSS impaires et paires et la méthode jQuery pour les couleurs de ligne alternatives
Utilisation de CSS
table tr: nth - child ( odd) td {
background:# ccc;}
table tr: nth - child ( even) td {
background:# fff;}
Utilisation de jQuery
$ ( "table tr:odd"). css ( "background", "#ccc");
$ ( "table tr:even"). css ( "background", "#fff");});
table tr: nth-child ( odd) td {
background: #ccc;}
table tr: nth-child ( even) td {
background: #fff;}
La plupart des codes ci-dessus ne fonctionneront pas avec la version IE. La solution qui fonctionne pour IE + autres navigateurs est la suivante. |
---|