Celler i vekslende farger

I artikkel Koble til en DB med CFML så vi hvordan du kobler til en generisk database med CFML og hvordan du kan hente data fra en tabell ved hjelp av en enkel SQL streng.

Utseendet til vår rapport vi iverksette tiltak nå ved å vise dataene i cellene i vekslende farger, for å gjøre det mer visuelt attraktivt og stilistisk mer lesbare.

La oss lage en CSS-stilark med to klasser til bruk for bakgrunnsfargen på cellene og Odd

 . A







 {



    



 background-color: # FFFFFF;







 }







 . B







 {



    



 background-color: # EEEEEE;







 }

Videoene viser spørringen bruke MOD operatøren kontrollere verdien av gjeldende rekord er 2-modulære, returnerer kontrollen en boolsk verdi som returnerer sant eller usant i annenhver rad, forlater oss å tilordne CSS klasser og en linje ikke, tilbake på skjermen den ønskede effekt.

La oss 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 returneres av serveren ser slik ut

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