Las células de colores que se alternan

En el artículo Conectarse a una base de datos utilizando CFML vimos cómo conectarse a una base de datos genérica con CFML y la forma de extraer datos de una tabla mediante una sencilla cadena SQL.

La aparición de nuestro informe, tome acción ahora viendo los datos en las celdas de colores que se alternan, para hacerlo más atractivo visualmente y con el estilo más legible.

Vamos a crear una hoja de estilos CSS con dos clases a utilizar para el color de fondo de las células y los impares

 . A







 {



    



 background-color: # FFFFFF;







 }







 . B







 {



    



 background-color: # EEEEEE;







 }

Los videos muestran a la consulta utiliza el operador MOD controlar el valor del registro actual es de 2-modular, el control devuelve un valor booleano que devuelve verdadero o falso en filas alternas, que nos deja para asignar las clases CSS y una línea no es, volver a la pantalla el efecto deseado.

Veamos un ejemplo

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



    



 <CFOUTPUT Query="Q">



    



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



        



 P. <td> # FieldName # </ td>



    



 </ TR>



    



 </ Cfoutput>







 </ Table>

Código HTML que devuelve el servidor tiene el siguiente aspecto

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





    



 <tr class="A">



        



 <td> Lucas </ td>



    



 </ TR>





    



 <tr class="B">



        



 <td> Max </ td>



    



 </ TR>





    



 <tr class="A">



        



 <td> Claudio </ td>



    



 </ TR>





    



 <tr class="B">



        



 <td> James </ td>



    



 </ TR>









 </ Table>