Bunky v striedavých farbách

V článku Pripojenie k DB pomocou CFML sme videli, ako sa pripojiť k všeobecnej databáze CFML a ako extrahovať dáta z tabuľky pomocou jednoduchého SQL reťazec.

Vzhľad našej správy sa konať teraz Pri zobrazení dát v bunkách v striedavých farbách, aby to viac vizuálne atraktívne a štýlovo čitateľnejší.

Poďme vytvoriť zoznam štýlov CSS s dvoma triedami použiť pre farbu pozadia buniek a osobitný

 .







 {



    



 background-color: # FFFFFF;







 }







 . B







 {



    



 background-color: # EEEEEE;







 }

Videá ukazujú dotaze použiť MOD operátor riadenia hodnoty aktuálneho záznamu je 2-modulárny, kontrola sa vráti logická hodnota, ktorá vracia true alebo false v striedavých riadkoch, takže nám priradiť CSS triedy a jeden riadok nie je, návrat na obrazovke požadovaný efekt.

Pozrime sa na príklad

 <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 kód sa vrátil na serveri vyzerá nasledovne

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





    



 <tr class="A">



        



 <td> Lukáš </ td>



    



 </ Tr>





    



 <tr class="B">



        



 <td> Max </ td>



    



 </ Tr>





    



 <tr class="A">



        



 <td> Claudio </ td>



    



 </ Tr>





    



 <tr class="B">



        



 <td> James </ td>



    



 </ Tr>









 </ TABLE>