Som standard tabeller bruke en jevn bakgrunnsfarge for hver rad . Tabeller med store datamengder og mange rader kan synes vanskelig å lese på grunn av dette. Ved hjelp av en kombinasjon av klasser i en CSS-fil og PHP scripting, kan du farge i annenhver rad i en tabell. Du vil bruke en løkke for å gå gjennom hver rad , uansett hvor mange du har i tabellen . Du kan bruke data for tabellrader fra alle kilder , inkludert en rekke variabel eller poster hentet fra en database . Instruksjoner
en
Åpne CSS-fil. Skriv inn følgende for å definere to klasser:
ROW1 { background- color: # FFFFFF ;} .
ROW2 . { Background- color: # B0B0B0 ;}
Eventuelle rader at bruk av " ROW1 " class har en hvit bakgrunn , og eventuelle rader som bruker " ROW2 " har en lys grå bakgrunn .
2
Åpne HTML -fil. Skriv inn følgende for å opprette en ny tabell i HTML : en
data < /th >
< p> < /tr >
3 Skriv inn følgende for å åpne en PHP -kode og få den informasjonen du vil bruke til å fylle bordet : ?
< php
$ myArray = array (" Sak 1 ", " Sak 2 ", " Punkt 3 ", " Sak 4 ");
$ i = 0;
" $ i " variable fungerer som en teller til annenhver rad . . Substitute " $ myArray " med de faktiske dataene du trenger, for eksempel rader fra en database
4 Skriv inn følgende til annenhver rad i tabellen , og deretter lukke PHP og bord tags :
foreach ( $ myArray som $ data) {
if ( $ i % 2 == 1 ) {
echo " |
\\ n " . $ data . " < /td > \\ n < /tr > \\ n ";
} else {
echo " |
\\ n " . $ data . " < /td > \\ n < /tr > \\ n ";
}
$ i + +; ?
}
>
< /table >
"hvis" funksjonen utfører en " mod " beregning på " $ i " tellervariabelen . Når resultatet er en, er " ROW1 " klasse med den hvite rad farge på rad. Når resultatet er null , blir " ROW2 " klasse med lys grå farge på rad. Tellervariabelen øker deretter etter en, og funksjonstastene gjentas til hver post fra $ myArray variabelen er lastet inn i tabellen.
5 Redd HTML og CSS -filer og laste dem opp til webserveren .
|
