Per impostazione predefinita , le tabelle usano uno sfondo di colore uniforme per ogni riga . Tavoli con grandi quantità di dati e di molti righe potrebbero apparire di difficile lettura a causa di questo . Usando una combinazione di classi in un file CSS e scripting PHP , è possibile alternare i colori delle righe in una tabella. Potrai utilizzare un ciclo per scorrere ogni riga, indipendentemente dal numero che avete in tabella . È possibile utilizzare i dati per righe della tabella da qualsiasi fonte , inclusi una variabile array o record presi da un database. Istruzioni
1
Aprire il file CSS . Digitare quanto segue per definire due classi:
row1 { background-color : # FFFFFF ; } .
Row2 . { Background-color : # B0B0B0 ; }
Eventuali righe che utilizzano la classe " row1 " hanno uno sfondo bianco , e le righe che utilizzano " row2 " hanno un fondo grigio chiaro .
2
Aprire il file HTML . Digitare quanto segue per creare una nuova tabella in HTML :
dati < /th>
< p > < /tr>
3 Digitare quanto segue per aprire un tag PHP e ottenere le informazioni che si intende utilizzare per compilare la tabella : ?
< php
$ myArray = array ( " articolo 1 " , " articolo 2 " , " articolo 3 " , " articolo 4") ;
$ i = 0;
" $ i " atti variabili come un contatore di righe alternate . . Sostituire " $ myArray " con i dati effettivi necessari , come ad esempio le righe da un database
4 digitare quanto segue per i colori delle righe si alternano nella tabella, quindi chiudere il PHP e la tabella tag: < br foreach > ( $ myArray da $ dati ) {
if ( $ i % 2 == 1) {
echo " |
\\ n " . $ dati . " < /td> \\ n < /tr> \\ n";
} else {
echo " |
\\ n " . $ dati . " < /td> \\ n < /tr> \\ n"; }
$ i + + ; ?
}
> < br > < /table>
il "se" la funzione esegue un calcolo " mod " sul " $ i" variabile contatore . Quando il risultato è uno, la classe " row1 " con il colore di riga bianca viene applicata alla riga . Quando il risultato è zero , la classe " row2 " con il colore grigio chiaro viene applicata alla riga . La variabile contatore poi aumenta di uno , e le ripetizioni di funzione fino a quando ogni record dalla variabile $ myArray viene caricata nella tabella .
5 Salvare i file HTML e CSS e caricarli sul tuo web server.
|
