Hvordan annenhver rad i CSS med PHP

Som standard tabeller bruke en konsistent 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 veksle rad farger i en tabell. Du vil bruke en løkke for å gå gjennom hver rad, uavhengig av hvor mange du har i tabellen. Du kan bruke data for tabellrader fra enhver kilde, inkludert en rekke variabel eller poster hentet fra en database.

Bruksanvisning

1 Åpne CSS-filen. Skriv inn følgende for å definere to klasser:

.row1 {background-color: #FFFFFF; }

.row2 {background-color: # B0B0B0; }

Eventuelle rader som bruker "ROW1" klassen har en hvit bakgrunn, og eventuelle rader som bruker "ROW2" ha en lys grå bakgrunn.

2 Åpne HTML-fil. Skriv inn følgende for å opprette en ny tabell i HTML:

<Table>

<Tr>

<Th> data </ ​​th>

</ Tr>

3 Skriv inn følgende for å åpne en PHP-koden og få den informasjonen du vil bruke for å fylle tabellen:

<? Php

$ MyArray = array ( "Sak 1", "Sak 2", "Sak 3", "Sak 4");

$ I = 0;

Den "$ 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 i annenhver rad i tabellen, og deretter lukke PHP og tabellkoder:

foreach ($ myArray som $ data) {

if ($ i% 2 == 1) {

echo "<tr class = \" ROW1 \ "> \ n <td>". $ Data. "</ Td> \ n </ tr> \ n";

} Else {

echo "<tr class = \" ROW2 \ "> \ n <td>". $ Data. "</ Td> \ n </ tr> \ n";

}

$ I ++;

}

?>

</ Table>

"Hvis" funksjonen utfører en "mod" beregningen på "$ i" counter variabel. 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åføres på rad. Tellervariabelen øker deretter etter en, og funksjonen gjentas til hver post fra $ myArray variabelen er lastet inn i tabellen.

5 Lagre HTML og CSS-filer og laste dem opp til webserveren.