Cellules en alternant les couleurs

Dans l'article Connectez-vous à une DB en utilisant CFML , nous avons vu comment se connecter à une base de données générique avec CFML et comment extraire les données d'une table en utilisant une simple chaîne SQL.

L'aspect de notre rapport que nous prenons des mesures dès maintenant en consultant les données dans les cellules en alternant les couleurs, pour le rendre plus attrayant et stylistiquement plus lisible.

Créons une feuille de style CSS avec deux classes à utiliser pour la couleur de fond des cellules et l'impair

 . Une







 {



    



 background-color: # FFFFFF;







 }







 . B







 {



    



 background-color: # EEEEEE;







 }

Les vidéos montrent la requête d'utiliser l'opérateur MOD contrôler la valeur du record actuel est de 2-modulaire, le contrôle retourne une valeur booléenne qui renvoie true ou false en rangées alternées, nous laissant pour attribuer les classes CSS et une ligne on n'est pas, retour sur l'écran l'effet désiré.

Voyons un exemple

 <table align="center" width="100" border="1">



    



 <CFOUTPUT Query="Q">



    



 <tr class="#IIF(Q.CurrentRow MOD 2, DE('A'), DE('B'))#">



        



 Q. <td> # # FieldName </ td>



    



 </ Tr>



    



 </ Cfoutput>







 </ Table>

Le code HTML renvoyé par le serveur ressemble à ceci

 <table align="center" width="100" border="1">





    



 <tr class="A">



        



 <td> Luc </ td>



    



 </ Tr>





    



 <tr class="B">



        



 <td> Max </ td>



    



 </ Tr>





    



 <tr class="A">



        



 <td> Claudio </ td>



    



 </ Tr>





    



 <tr class="B">



        



 <td> James </ td>



    



 </ Tr>









 </ Table>