Τα κύτταρα σε εναλλασσόμενο χρώματα

Στο άρθρο Σύνδεση σε DB χρησιμοποιώντας CFML είδαμε πώς να συνδεθείτε σε μια γενική βάση δεδομένων με CFML και να εξάγουμε δεδομένα από έναν πίνακα χρησιμοποιώντας ένα απλό string SQL.

Η εμφάνιση της έκθεσής μας να αναλάβουμε δράση τώρα από την προβολή των δεδομένων στα κελιά σε εναλλασσόμενο χρώματα, για να γίνει πιο ελκυστικό οπτικά και στυλιστικά πιο ευανάγνωστο.

Ας δημιουργήσουμε ένα φύλλο στυλ CSS με δύο κατηγορίες που θα χρησιμοποιήσετε για το χρώμα του φόντου των κελιών και το περίεργο

 . Ένα







 {



    



 υπόβαθρο-χρώμα: # FFFFFF?







 }







 . Β







 {



    



 υπόβαθρο-χρώμα: # EEEEEE?







 }

Τα βίντεο δείχνουν το ερώτημα χρησιμοποιήσετε τον τελεστή MOD ελέγχει την αξία της τρέχουσας εγγραφής είναι 2-modular, ο έλεγχος επιστρέφει μια Boolean τιμή η οποία επιστρέφει true ή false σε εναλλασσόμενες σειρές, αφήνοντάς μας να εκχωρήσετε τις κατηγορίες CSS και μία γραμμή δεν είναι, επιστροφή στην οθόνη το επιθυμητό αποτέλεσμα.

Ας δούμε ένα παράδειγμα

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



    



 <CFOUTPUT Query="Q">



    



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



        



 Ερ. <td> # ΌνομαΠεδίου # </ td>



    



 </ Tr>



    



 </ Cfoutput>







 </ Table>

Κώδικα HTML επιστρέφει ο διακομιστής μοιάζει με αυτό

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





    



 <tr class="A">



        



 <td> Λουκάς </ td>



    



 </ Tr>





    



 <tr class="B">



        



 <td> Max </ td>



    



 </ Tr>





    



 <tr class="A">



        



 <td> Claudio </ td>



    



 </ Tr>





    



 <tr class="B">



        



 <td> James </ td>



    



 </ Tr>









 </ Table>