Celle a colori alternati
Articolo scritto da Luca Ruggiero
Nell'Articolo Connettersi ad un DB usando CFML abbiamo visto come connetterci ad un generico database con CFML e come estrarre i dati da una tabella utilizzando una semplice stringa SQL.
Agiamo adesso sull'aspetto del nostro report visualizzando i dati in celle a colori alternati, in modo da renderlo stilisticamente più gradevole e visivamente più leggibile.
(L'articolo continua più sotto...)
Creiamo un foglio di stile CSS con due classi da utilizzare per colorare lo sfondo delle celle pari e di quelle dispari
.A
{
background-color: #FFFFFF;
}
.B
{
background-color: #EEEEEE;
}
Nella mostrare a video la query utilizziamo l'operatore MOD controllando che il valore del record corrente sia modulare di 2; il controllo restituisce un valore booleano che restituisce true o false a righe alternate, lasciandoci assegnare le classi CSS una riga si ed una no, restituendo a video l'effetto desiderato.
Vediamo un esempio
<table width="100" align="center" border="1">
<CFOUTPUT query="Q">
<tr class="#IIF(Q.CurrentRow MOD 2, DE('A'), DE('B'))#">
<td>#Q.NomeCampo#</td>
</tr>
</CFOUTPUT>
</table>
Il codice HTML restituito dal server sarà simile al seguente
<table width="100" align="center" border="1">
<tr class="A">
<td>Luca</td>
</tr>
<tr class="B">
<td>Max</td>
</tr>
<tr class="A">
<td>Claudio</td>
</tr>
<tr class="B">
<td>Jacopo</td>
</tr>
</table>
