Solut vuorotellen värejä

Artiklaan Yhdistä DB käyttäen CFML näimme miten yhteys geneerisen tietokanta CFML ja miten poimia tietoja taulukon avulla yksinkertainen SQL merkkijono.

Ulkonäkö Raporttimme toimiin ryhdytä nyt tarkastelemalla tiedot soluihin vuorotellen värejä, jotta se olisi visuaalisesti houkutteleva ja tyylillisesti luettavampi.

Luodaan CSS-tyylisivun, jossa on kaksi luokkaa käyttää taustavärin solujen ja Odd

 .







 {



    



 background-color: # FFFFFF;







 }







 . B







 {



    



 background-color: # EEEEEE;







 }

Videot näyttää kyselyn käyttää MOD operaattori valvoa arvo nykyinen ennätys on 2-modulaarinen, ohjaus palauttaa totuusarvon, joka palauttaa true tai false vuorotellen rivit, jättää meidät määrittää CSS luokkia ja yksi rivi ei ole, takaisin ruudulle halutun vaikutuksen.

Katsotaanpa esimerkki

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

HTML-koodi palvelimen palauttamassa näyttää tältä

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





    



 <tr class="A">



        



 <td> Luke </ td>



    



 </ TR>





    



 <tr class="B">



        



 <td> Max </ td>



    



 </ TR>





    



 <tr class="A">



        



 <td> Claudio </ td>



    



 </ TR>





    



 <tr class="B">



        



 <td> James </ td>



    



 </ TR>









 </ Table>