Cells in wechselnden Farben

In Artikel eine DB mit CFML Connect haben wir gesehen, wie eine generische Datenbank mit CFML und wie man Daten aus einer Tabelle mit einem einfachen SQL-String extrahiert verbinden.

Das Erscheinungsbild unseres Berichts haben wir jetzt handeln, indem Sie die Daten in den Zellen in wechselnden Farben, um es optisch attraktiver und stilistisch besser lesbar.

Lassen Sie uns ein CSS-Stylesheet mit zwei Klassen, für die Hintergrundfarbe der Zellen und die ungeraden Einsatz

 . A







 {



    



 background-color: # FFFFFF;







 }







 . B







 {



    



 background-color: # EEEEEE;







 }

Die Videos zeigen die Abfrage mit dem MOD-Operator die Steuerung der Wert des aktuellen Datensatzes ist 2-modular, gibt die Steuerung einen booleschen Wert, der wahr oder falsch zurück in abwechselnden Reihen, so dass wir die CSS-Klassen und eine Zeile zugeordnet ist, Rückkehr auf dem Bildschirm den gewünschten Effekt.

Mal sehen, ein Beispiel

 <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-Code vom Server zurückgegeben sieht wie folgt aus

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