Parure Bollywood Pas Cher
Ensuite, ma
Quel est le moyen le plus facile d'alterner ligne couleurs dans un tableau HTML ( striping). La plupart de mes tableaux sont créés dans des modèles XSL comme suit, avec la table, thead, etc.. Css tableau ligne couleur alterne gratuit. définie dans un autre modèle.
je cherche un moyen de faire alterner les couleurs de ligne dans une mise en page responsive dans Bootstrap 3. Autre couleur de ligne du tableau à l'aide de CSS?. Je ne peux pas trouver comment le faire sans beaucoup de CSS complets et confus et j'espérais que quelqu'un avait une meilleure solution. voici le principe simple: 12 divs qui s'affichent comme 4 rangées de 3 sur les grands écrans, 6 rangées de 2 sur les petits écrans, et 12 rangées de 1 sur mobile. Les lignes devront avoir des couleurs d'arrière-plan alternées quelle que soit la taille de l'écran.
html css odd (9) J'utilise une table avec une couleur de rangée alternée avec ceci. tr. d0 td { background-color: #CC9999; color: black;} tr. d1 td { background-color: #9999CC; color: black;}
One | one |
Two | two |
One | one |
Two | two |
28/01/2008, 12h59
#1
Membre actif
Alterner la couleur des ligne dans un tableau html
Bonjour,
J'ai un tableau en html avec des données, et j'aimerai savoir si c'est possible avec du javascript de faire une alternation de couleur suivant la ligne? J'ai réussi à le faire avec du php. exemple:
Merci d'avance. Style - Comment alterner les couleurs des lignes du tableau HTML à l'aide de JSP?. 28/01/2008, 13h20
#2
deux class unpour chaque couleur;
une boucle en pas de deux pour attribuer les classNames...
28/01/2008, 13h21
#3
bonjour,
les feuilles de styles (CSS) répondront à ton problème:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80
< html >
< head >
< title > title >
head >
< body >
< table >
< tr class = "Titre" >
< td > Colonne 1 td >
< td > Colonne 2 td >
< td > Colonne 3 td >
< td > Colonne 4 td >
tr >
< tr class = "ligneImpaire" >
< td > ligne 1 td >
< tr class = "lignePaire" >
< td > ligne 2 td >
< td > ligne 3 td >
< td > ligne 4 td >
table >
body >
html >
28/01/2008, 14h02
#4
Ou pour répondre à la question:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
function AlternateColor ( MyTable) {
//Récupération du nombre de lignes
var NbLignes = MyTable. getElementsByTagName ( 'tr'). Tableau CSS - Lignes de couleurs alternées (Page 1) / Développement / Thelia 1 / THELIA Forum. length;
var Lignes = new Array ();
Lignes = MyTable. getElementsByTagName ( 'tr');
for ( var i = 0; i < NbLignes; i++) {
if ( ( i- 1)% 2 == 0) {
Lignes [ i] = '#666';}
else {
Lignes [ i] = '#ccc';}}}
tu appels la méthode comme ceci: