Alternar colores en las filas de una tabla con PHP

3 COMENTARIOS - Publicado hace 13 meses - Clasificado en: PHP, TUTORIALES

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.fila_0 { background-color: #FFFFFF;}
.fila_1 { background-color: #E1E8F1;}
</style>
</head>
<body>
<table width="300" border="0" cellpadding="0" cellspacing="0" >
<?php  for($i=1;$i<=9;$i++){ ?>
  <tr>
    <td class="fila_<?php echo $i%2; ?>">Fila  <?php echo $i; ?></td>
  </tr>
<?php } ?>
</table>
</body>
</html>

Lo único que hacemos es definir dos estilos:

.fila_0 { background-color: #FFFFFF;}
.fila_1 { background-color: #E1E8F1;}

y mediante la obtención del resto que da la división del número de fila por dos, aplicamos uno u otro.

<td class="fila_<?php echo $i%2; ?>">Fila  <?php echo $i; ?></td>

Para las filas pares el resto sera cero y por tanto aplicamos el estilo "fila_0" y para las impares el resto dará 1 y aplicamos el estilo "fila_1".

Si estamos extrayendo los datos de una consulta a la base de datos el bucle quedaría algo como:

<?php
$i = 0 ;
while( $row = mysql_fetch_row($result)){
?>
     <tr>
           <td class="fila_<?php echo $i%2 ; ?> ">Fila <?php echo $i ; ?> </td>
     </tr>
<?php
$i ++;
}
?>

Algunas entradas relacionadas:

También te puede interesar:

Bienvenido a Intenta. Has venido desde ; si andabas buscando algo espero que este post satisfaga tus expectativas.

35+ Tutoriales y pinceles para conseguir efectos de agua con Photoshop

Cómo crear un botón como los del iPhone en Photoshop

14 plugins jQuery para mejorar la visualización de contenido

Reducir el tiempo de respuesta de una página web con flush()

Crea una atractiva perspectiva de un modelo "surfeando"

COMENTARIOS

Publicado hace 13 meses
acido - http://cuatroxl.com

function getHtmlClass(&$arrClass, &$i){
if(!is_array($arrClass)) return $arrClass;
return $arrClass[$i%count($arrClass)];
}
$class = array('amarillo', 'azul', 'amarillo', 'rojo', 'azul');

//html
<td class="fila_ <?php echo getHtmlClass($class, $i) ; ?> ">Fila <?php echo $i ; ?> </td>