Come alternare i colori delle righe di CSS con PHP

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 :

\\ n \\ n

dati < /th> < /tr> 3 Digitare quanto segue per aprire un tag PHP e ottenere le informazioni che si intende utilizzare per compilare la tabella : ? $ 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 "
" . $ dati . " < /td> \\ n < /tr> \\ n"; } else { echo "
" . $ dati . " < /td> \\ n < /tr> \\ n"; } $ i + + ; ? } > < /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. Come importare tutti gli script PHP in una cartella Procedura: PHP MySQL Fuga HTML per Insert Informazioni correlate Come smontare in C # Come aprire e leggere le cartelle in Java Come convertire un database MySQL per un delimitato da separatore CSV File Come utilizzare i file GPX Come eliminare tutti gli zeri dalle liste in Python Tutorial di programmazione Prolog Come utilizzare i metodi nativi in NetBeans Storia di Codici di caratteri ASCII Articoli consigliati Come controllare numeri sequenziali in PHP Come rimuovere la prima riga vuota in PHP Tutorial su come programmare un SQL Joomla usare un sacco di RAM PHP Immagine tipi mime Come esportare un database MySQL Come prova di connessioni remote Timeout in PHP Come creare una tabella utilizzando PHP Come calcolare il tempo tra due date in PHP Come leggere un file DOC Utilizzo di PHP C /C + + Programming Computer Programming Languages Delphi Programming Java Programming Programmazione Javascript PHP /MySQL Programmazione Perl Programming Python Programming rubino Programmazione Nozioni di base di Visual Programming Programmazione © www.354353.com

dati < /th>

< /tr>
3

Digitare quanto segue per aprire un tag PHP e ottenere le informazioni che si intende utilizzare per compilare la tabella : ?

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

" . $ dati . " < /td> \\ n < /tr> \\ n";

} else {

echo "

" . $ dati . " < /td> \\ n < /tr> \\ n"; }

$ i + + ; ?

}

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

Informazioni correlate

Articoli consigliati

C /C + + Programming

Computer Programming Languages

Delphi Programming

Java Programming

Programmazione Javascript

PHP /MySQL Programmazione

Perl Programming

Python Programming

rubino Programmazione

Nozioni di base di Visual Programming