2010-10-29 20 views
-1

Doublons possibles:
How to alternate HTML table row colors using JSP?
Table row - Giving alternate colorscouleurs alternantes dans le tableau en jsp en utilisant le CSS

Quelqu'un peut-il fournir le code de base pour ajouter dynamiquement des lignes dans une table avec des couleurs alternatives en utilisant CSS fichier jsp veuillez fournir ce code?

+0

avez-vous essayé de [la recherche de votre problème] (http://stackoverflow.com/search?q=css+alternating+row+color)? – oezi

Répondre

0

Fondamentalement, il y a deux options:

  • soit vous devez ajouter une classe de style à toutes les lignes paires (ou impaires) dans votre jsp
  • ou vous pouvez le faire dynamiquement sur le client avec javascript (si c'est une option)
+0

merci seanizer –

0

Jetez un oeil à la CSS odd and even selectors.

+0

Les navigateurs supportent-ils cela? IE spécifiquement? –

+0

Il est officiellement CSS 3 Je crois que pas avant IE9, l'alternative est de regarder jQuery.com car cela inclut un sélecteur de CSS qui supporte ces constructions et vous permettra de créer l'effet alternatif que vous recherchez. – Lazarus

+0

répondre à ma propre question: Non, ils ne le font pas. http://www.quirksmode.org/css/contents.html#t38 –

1
<table> 
<? 
    boolean evenRow = true; 
    for (int i = 0; i < numRowsToDisplay; i++) 
    { 
?> 

<tr class="<?= evenRow? "evenrowstyle" : "oddrowstyle" ?>"><td>whatever</td></tr> 

<? 
     evenRow = !evenRow; 
    } 
?> 
</table> 
+0

merci riley pour votre soutien. –

0

comme dans

<style> 
#TableID tr:nt-child(odd){ 
background-color:white; 
} 

#TableID tr:nth-child(even){ 
background-color:silver; 
} 
</style> 
+0

échoue dans plusieurs navigateurs: http://www.quirksmode.org/css/contents.html#t38 –

+0

merci père tempête –