Buňky ve střídavých barvách

V článku Připojení k DB pomocí CFML jsme viděli, jak se připojit k obecné databázi CFML a jak extrahovat data z tabulky pomocí jednoduchého SQL řetězec.

Vzhled naší zprávy se jednat nyní Při zobrazení dat v buňkách ve střídavých barvách, aby to více vizuálně atraktivní a stylově čitelnější.

Pojďme vytvořit seznam stylů CSS se dvěma třídami použít pro barvu pozadí buněk a zvláštní

 .







 {



    



 background-color: # FFFFFF;







 }







 . B







 {



    



 background-color: # EEEEEE;







 }

Videa ukazují dotazu použít MOD operátor řízení hodnoty aktuálního záznamu je 2-modulární, kontrola se vrátí logická hodnota, která vrací true nebo false ve střídavých řádcích, takže nám přiřadit CSS třídy a jeden řádek není, návrat na obrazovce požadovaný efekt.

Podívejme se na pří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 se vrátil na serveru vypadá následovně

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