Som standard tabeller använda en enhetlig bakgrundsfärg för varje rad . Tabeller med stora mängder data och många rader kan tyckas svårt att läsa på grund av detta . Med en kombination av klasser i en CSS-fil och PHP skript , kan du växla radfärger i en tabell . Du kommer att använda en slinga för att gå igenom varje rad , oavsett hur många du har i tabellen . Du kan använda data för rader från någon källa , inklusive en array variabel eller poster tas från en databas . Instruktioner
1
Öppna CSS-fil . Skriv följande för att definiera två klasser :
rad1 {background - color : # FFFFFF ; } .
Marknader2 . {Background - color : # B0B0B0 ; }
Alla rader som använder den " rad1 " klass har en vit bakgrund , och alla rader som använder " marknader2 " har en ljusgrå bakgrund .
2
Öppna HTML-filen . Skriv följande för att skapa en ny tabell i HTML :
Data < /th >
< /tr > Addera 3 Skriv följande för att öppna en PHP- tagg och få den information du vill använda för att fylla bordet : ?
< php
$ myArray = array ( " punkt 1 " , " punkt 2 " , " punkt 3 " , " punkt 4 " ) ;
$ i = 0 ;
" $ i " variabel fungerar som en räknare på varannan rad . . Suppleant " $ myArray " med de faktiska uppgifterna du behöver, till exempel rader från en databas
4 Skriv följande för att alternativa radfärger i tabellen , sedan stänga PHP och tabell taggar :
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 >
" om " -funktionen utför en " mod " beräkning på " $ i " räknevariabeln . När resultatet är en , är det " rad1 " klass med den vita raden färgen appliceras på raden . Om resultatet blir noll , är " marknader2 " klassen med ljusgrå färg appliceras på raden. Räknarvariabeln ökar därefter med en, och funktionen upprepas tills alla poster från $ myArray variabeln laddas i tabellen .
5 Spara HTML och CSS -filer och ladda upp dem till din webbserver . Addera
|
