Lorsque nous générons des tableaux, il est plus facile de lire les données d’une ligne en changeant de couleurs entre la position pair et impaire. Voici comment le faire dans vos templates twig:
{% for record in records %}
<tr class="{% if loop.index is divisibleby(2) %}odd{% else %}even{% endif %}">
...
</tr>
{% endfor %}
Il vous reste maintenant à déclarer les 2 styles (odd, even) dans votre feuille css.
On peut également utiliser {% if loop.index is odd %} (qui revient exactement au même).
Perso je préfère l’utilisation, plus courte, de {{ cycle(['odd', 'even'], loop.index0) }}
+1 @Skwi
Si c’est seulement pour un couleur de fond (ou toute autre mise en forme), on peut aussi utiliser les selecteurs ‘:nth-child(odd)’ et ‘:nth-child(even)’ de CSS. Et la mise en forme reste dans le fichier de style.
Merci du tip Guillaume !
Bonjour,
Effectivement pour réaliser cela les fonctions odd et even était jusqu’à présent ma solution mais j’avoue que le tip CSS3 de guillaume est encore mieux.
http://www.w3schools.com/cssref/sel_nth-child.asp
Merci à tous pour le partage.