Hoe kan ik de rijen van een tabel afwisselende achtergronden geven?

Trefwoorden: alternating, row, rij, kleuren, php
Er bestaan meerdere manieren om verschillende achtergrondkleuren te krijgen wanneer je gegevens uit een tabel haalt en deze output. Hier zal ik een techniek toelichten die je niet enkel toelaat om de achtergrondkleur, maar de hele stijl per rij aan te passen.

Bovenaan in de code zal je 2 variables zien staan, $class1 en $class2. Hier zet ge gewoon de naam van je 2 classes die je hebt gedefinieerd in je stylesheet.

Dan hoef je enkel nog de sql-query aan te passen, zodat hij overeenstemt met die van jou. Vergeet ook de regel in de while-lus niet aan te passen, maar laat het deel class="'.$class.'" zeker en vast staan!!!

PHP
  1. <?php
  2.  
  3. // De namen van de CSS-classen
  4. $class1 = "evenrij";
  5. $class2 = "onevenrij";
  6.  
  7. // Data uit de database halen - Dit moet je naar alle waarschijnlijkheid aanpassen
  8. $sql = "SELECT * FROM tbl";
  9. $query = mysql_query($sql);
  10.  
  11. // Begin van de tabel outputten, hier kan je eventueel nog een rij th bijplaatsen.
  12. echo '<table>';
  13.  
  14. // Rijen outputten
  15. while ($row = mysql_fetch_array($query)) {
  16.  
  17.         // Hier gaan we de class bepalen; indien $class gelijk staat aan $class1, dan moeten we het veranderen in $class2 en vica versa
  18.         $class = ($class == $class1 ? $class2 : $class1);
  19.         echo '<tr><td class="'.$class.'">'.$row['id'].'</td></tr>';
  20.        
  21. }
  22.  
  23. // Einde van onze tabel met gegevens
  24. echo '</table>';
  25.  
  26. ?>
Dit artikel werd geschreven door Martijn op maandag 14 juni 2004 om 13:16 en werd sindsdien 3025 keer gelezen.

  • Pagina
  • 1 van 1

Geen reacties gevonden
Er werden nog geen reacties bij dit artikel geplaatst.
  • Indien je denkt iets te kunnen toevoegen aan het artikel, kan je zelf een reactie schrijven via de koppeling Plaats een reactie bij dit artikel hieronder.
  • Indien je andere commentaar (iets wat niet meteen functioneel bijdraagt aan het artikel zelf) hebt, kan je een bedankje formuleren via de koppeling Plaats een bedankje bij dit artikel hieronder.