Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky

Domáce Hardware Siete Programovanie Softvér Otázka Systémy

Ako Striedať Row farby v CSS PHP

V predvolenom nastavení tabuľky používať jednu konzistentnú farbu pozadia pre každý riadok . Tabuľky s veľkým množstvom dát a viac riadkov sa môže zdať ťažké čítať , pretože toto . Pomocou kombinácie tried v CSS súbore a PHP skriptovanie , môžete striedať farby riadkov v tabuľke . Budete používať slučku prechádzať každý riadok , bez ohľadu na to , koľko máte v tabuľke . Môžete použiť údaje pre riadky tabuľky z akéhokoľvek zdroja , vrátane premenné polia alebo záznamy prevzaté z databázy . Pokyny dovolená 1

Otvorte súbor CSS . Zadajte nasledujúce definovať dve triedy :

ROW1 { background- color : # FFFFFF ; }

row2 . { Background - color : # B0B0B0 ; }

Všetky riadky . ktoré používajú " ROW1 " triedy majú biele pozadie , a všetky riadky , ktoré používajú " ROW2 " majú svetlo sivé pozadie .
2

Otvorte súbor HTML . Zadajte nasledujúci príkaz na vytvorenie novej tabuľky v HTML :



\\ n \\ n
dát < /th >

< /tr >
3

Zadajte nasledujúcich úkonov otvorte tag PHP a získať informácie , ktoré budete používať na vyplnenie tabuľky : ?

< php

$ myArray = array ( " Item 1 " , " bod 2 " , " bod 3 " , " bod 4 " ) ;

$ i = 0 ;

" $ i " premenné pôsobí ako protiváha striedavých riadkov . . Náhradníci " $ myArray " s aktuálne dáta, ktoré potrebujete , ako napríklad riadky z databázy
4

zadajte nasledovné alternatívne rade farieb v tabuľke , potom zatvorte PHP a tabuľky tagy :

foreach ( $ myArray ako $ data ) {

if ( $ i % 2 == 1 ) {

echo "

" . $ dáta . " < /Td > \\ n < /tr > \\ n" ;

} else {

echo "

" . $ dáta . " < /Td > \\ n < /tr > \\ n" ;

}

$ i + + ; ?

}

>

< /table >

" ak " funkcie vykonáva " mod " výpočet na " $ i " pult premenné . Ak je výsledok je jeden , " row1 " triedy s bielou riadku farba sa aplikuje na riadok . Ak je výsledok je nula , " row2 " triedy s svetlo šedej farby sa aplikuje na riadok . Premenná counter potom zvýši o jeden , a funkcia sa opakuje , až kým každý záznam z premennej $ myArray je vložený do tabuľky .
5

Uložte HTML a CSS súbory a nahrať ich do vášho webového servera .

Najnovšie články