|
Par défaut, les tables utilisent une couleur d'arrière-plan cohérent pour chaque ligne. Tables avec de grandes quantités de données et de nombreuses lignes peuvent apparaître difficiles à lire à cause de cela . En utilisant une combinaison de classes dans un fichier CSS et scripts PHP , vous pouvez alterner les couleurs des lignes dans une table. Vous allez utiliser une boucle pour parcourir chaque ligne , indépendamment de combien vous en avez dans le tableau. Vous pouvez utiliser les données pour les lignes de table à partir de n'importe quelle source , y compris une variable de tableau ou de dossiers prélevés sur une base de données . Instructions
1 Ouvrez le fichier CSS. Tapez la commande suivante pour définir deux classes:
row1 {background -color: # FFFFFF ;} .
Row2 . {Background -color: # B0B0B0 ; }
Toutes les lignes que l'utilisation de la classe " ligne1 " avoir un fond blanc, et toutes les lignes qui utilisent " row2 " avoir un fond gris clair .
2 Ouvrez le fichier HTML. Tapez la commande suivante pour créer une nouvelle table en HTML:
données < /th> Photos < p> < /tr>
3 Tapez la commande suivante pour ouvrir une balise PHP et obtenir les informations que vous allez utiliser pour remplir la table :
< php Photos $ tableau = array (" Item 1", " article 2", " article 3", " article 4") ;
$ i = 0;
" $ i" variable agit comme un compteur de lignes alternées . . Remplacer " $ tableau " avec les données réelles dont vous avez besoin , comme les lignes d'une base de données
4 Tapez la commande suivante pour alterner les couleurs des lignes dans la table, puis fermez l'interface de PHP et la table tags: < br > foreach ( $ myArray que $ data) {
if ($ i% 2 == 1) {
echo " | \\ n | " . $ data . " | \\ n \\ n";
} else { echo
" \\ n | " . $ data . " | \\ n \\ n"; }
$ i + +; ?
}
> < br > Photos le "si" fonction effectue un calcul "mod " sur le " $ i" variable de compteur . Lorsque le résultat est une , la classe " row1 " avec la couleur de la ligne blanche est appliquée à la ligne. Lorsque le résultat est zéro , la classe " rangée2 " avec la couleur gris clair est appliqué sur la ligne. La variable compteur augmente ensuite par un, et les répétitions de fonction jusqu'à ce que tous les enregistrements à partir de la variable myArray $ est chargée dans la table.
5 Enregistrer les fichiers HTML et CSS et les télécharger sur votre serveur Web. Photos
|
