Celler i vekslende farver

I artikel forbindelse til en DB med CFML vi så, hvordan du opretter forbindelse til en generisk database med CFML og hvordan man kan udtrække data fra en tabel ved hjælp af en simpel SQL-streng.

Fremkomsten af ​​vores rapport, vi skride til handling nu ved at se data i cellerne i vekslende farver, for at gøre det mere visuelt tiltrækkende og stilistisk mere læsbar.

Lad os oprette en CSS-style sheet med to klasser til brug for baggrundsfarven af ​​cellerne og de ulige

 . En







 {



    



 background-color: # FFFFFF;







 }







 . B







 {



    



 background-color: # EEEEEE;







 }

Videoerne viser forespørgslen bruge MOD, der kontrollerer værdien af den nuværende rekord er 2-modulære, kontrol returnerer en boolesk værdi, der returnerer sandt eller falsk i skiftende rækker, forlader os til at tildele CSS klasser og en enkelt linje ikke, vender tilbage på skærmen den ønskede effekt.

Lad os se et eksempel

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



    



 <CFOUTPUT Query="Q">



    



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



        



 Q. <td> # FeltNavn # </ td>



    



 </ Tr>



    



 </ Cfoutput>







 </ Table>

HTML-kode, der returneres af serveren ser sådan her ud

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





    



 <tr class="A">



        



 <td> Lukas </ td>



    



 </ Tr>





    



 <tr class="B">



        



 <td> Max </ td>



    



 </ Tr>





    



 <tr class="A">



        



 <td> Claudio </ td>



    



 </ Tr>





    



 <tr class="B">



        



 <td> James </ td>



    



 </ Tr>









 </ Table>