Cellen in afwisselende kleuren

In artikel Verbinding maken met een DB met CFML zagen we hoe verbinding maken met een generieke database met CFML en hoe je gegevens uit een tabel met behulp van een simpele SQL-tekenreeks te extraheren.

De verschijning van ons rapport hebben we nu actie ondernemen door het bekijken van de gegevens in de cellen in wisselende kleuren, zodat het stilistisch meer visueel aantrekkelijk en makkelijker te lezen.

Maak een CSS-met twee klassen te gebruiken om de achtergrond van de cellen kleur en de oneven

 . A







 {



    



 background-color: # FFFFFF;







 }







 . B







 {



    



 background-color: # eeeeee;







 }

De video's tonen de query gebruik maken van de MOD-exploitant die de waarde van de huidige record is 2-modulair, controle geeft een Booleaanse waarde die true of false terug in wisselende rijen, waardoor we de CSS-klassen die u een lijn en een niet toe te wijzen, terug op het scherm het gewenste effect.

Laten we eens een voorbeeld zien

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



    



 <CFOUTPUT Query="Q">



    



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



        



 Q. <td> # Veldnaam # </ td>



    



 </ TR>



    



 </ Cfoutput>







 </ Table>

De HTML-code wordt geretourneerd door de server ziet er als volgt uit

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





    



 <tr class="A">



        



 <td> Luke </ td>



    



 </ TR>





    



 <tr class="B">



        



 <td> Max </ td>



    



 </ TR>





    



 <tr class="A">



        



 Claudio <td> </ td>



    



 </ TR>





    



 <tr class="B">



        



 <td> James </ td>



    



 </ TR>









 </ Table>