Som standard tabeller bruge én konsekvent baggrundsfarve for hver række. Borde med store mængder af data og mange rækker kan synes vanskelig at læse på grund af dette . Ved hjælp af en kombination af klasser i en CSS-fil og PHP scripting, kan du skifte rækkefarver i en tabel. Du skal bruge en løkke til at bladre gennem hver række , uanset hvor mange du har i tabellen. Du må bruge data til tabel rækker fra enhver kilde , herunder en array variabel eller optegnelser taget fra en database. Instruktioner
1
Åbn CSS-fil . Skriv følgende for at definere to klasser:
række1 { background- color: # FFFFFF ;} .
Række2 . { Background- color: # B0B0B0 ;}
Eventuelle rækker at brugen af " række1 " class har en hvid baggrund, og eventuelle rækker , der bruger " række2 " har en lys grå baggrund .
2
Åbn HTML-fil. Skriv følgende for at oprette en ny tabel i HTML : Hej
data |
< p>
3 Skriv følgende for at åbne en PHP -tag og få de oplysninger , du vil bruge til at befolke tabellen: ?
< php
$ myArray = array ( "Element 1", " Konto 2", " punkt 3 ", " punkt 4 ")
$ i = 0;
"$ i" variable fungerer som en tæller til alternative rækker . . Stedfortræder "$ myArray " med de faktiske data, du har brug for, såsom rækker fra en database
4
Skriv følgende til alternative rækkefarver i tabellen , og derefter lukke PHP og tabel tags : < br >
foreach ( $ myArray som $ data) {
if ( $ i % 2 == 1 ) {
echo "
\\ n " . $ data . " | \\ n
\\ n";
} else {
echo "
\\ n " . $ data . " | \\ n
\\ n";
}
$ i + +; ?
}
> < br >
< /table >
"hvis" funktionen udfører en "mod " beregning på " $ i " counter variabel. Når resultatet er en, er " række1 " klasse med den hvide rækken farve anvendt på rækken. Når resultatet er nul , er " række2 " klasse med lysegrå farve anvendt på rækken . Tælleren variable derefter stiger med én, og funktionstasterne gentages, indtil hver post fra $ myArray variabel er indlæst i tabellen.
5.
gemme HTML og CSS -filer og uploade dem til din webserver . KAYAK