You are on page 1of 2

Tutorial crear tabla dinmica HTML+PHP y colorear

Buenos das! El post de hoy no se podra decir que es un tutorial, es un simple cdigo HTML con PHP que te genera una tabla dndole unos valores de filas y columnas. Estos valores podran crearse a partir de un formulario (mirar ejemplo), a travs de una base de datos, de un contador de imgenes, etc... Tambin colorea la tabla un cuadro si otro no (par e impar). El cdigo es bastante simple y muy til en muchas ocasiones para ahorrar tiempo. A parte est totalmente comentado para aprender y poder hacer las modificaciones oportunas o incluso ampliarlo a tu antojo. A continuacin os presento el resultado junto al cdigo. Al final vereis un link para probar la demo y verlo en tiempo real. Aqu va:

El cdigo: <html> <head> <?php //Creamos los parametros iniciales //estos podran proceder de un formulario, sql, etc... $filas = 10; $columnas = 15; $texto = 0; $grey = true; ?> </head> <body>

<!-- Creamos el inicio de la tabla manualmente--> <table border="1"> <?php //Iniciamos el bucle de las filas for($t=0;$t<$filas;$t++){ echo "<tr>"; //Iniciamos el bucle de las columnas for($y=0;$y<$columnas;$y++){ if($grey){ //Pintamos el cuadro echo "<td style=padding:3px; background-color:#F5D0A9;>".$texto."</td>"; //El prximo no ser pintado $grey=false; $texto++; }else{ //Dejamos cuadro en blanco echo "<td style=padding:3px;>".$texto."</td>"; //El prximo ser pintado $grey=true; $texto++; } } //Cerramos columna echo "</tr>"; } ?> <!-- Cerramos tabla --> </table> </body> </html>

You might also like