Twig: Donner une couleur de fond à vos cellules de tableau pair et impair

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.

7 réflexions au sujet de « Twig: Donner une couleur de fond à vos cellules de tableau pair et impair »

  1. 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.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>