Si has llegado hasta aquí es porque estás interesado en dibujar una Tabla con PHP, bueno, en realidad la tabla no se crea con PHP sino con HTML y CSS y en PHP solo debes de concatenar en una variable todo ese HTML y imprimirlo por pantalla.
Estructura de una tabla con HTML
Comencemos viendo como es la estructura de una tabla con HTML, para luego crearla con PHP, ya que si no entiendes como se genera una tabla con HTML te será imposible generarla en PHP. Generaremos la tabla de la imagen con HTML.
Para generar esta tabla utilizamos el siguiente código HTML:
html>
body>
h1>Notas alumnosh1>
table border="1">
tr>
th>Nombre alumnoth>
th>Apellidosth>
th>Notath>
tr>
tr>
td>Leiretd>
td>Bravotd>
td>5,5td>
tr>
tr>
td>Ainaratd>
td>Feijootd>
td>6,5td>
tr>
tr>
td>Nancytd>
td>Tomastd>
td>4,5td>
tr>
table>
body>
html>Lenguaje del código: HTML, XML (xml)Para la estructura de la tabla utilizamos la etiquetas , todo el contenido de la tabla debe estar entre estas dos etiquetas.
Para generar las filas utilizamos y dentro de estas utilizamos o para generar las columnas. Si te estás preguntando la diferencia entre
Como crear la tabla con PHP
Imaginemos que los datos de los alumnos ahora vienen de una base de datos y los recibimos como array, pues básicamente, para crear nuestra tabla debemos de concatenarlos en nuestro HTML con un bucle foreach.
Nuestro código quedaría así:
//Array que contiene nuestros datos, imaginate que es una base de datos o similar...
$data = [
[
'name' => 'Leire',
'surname' => 'Bravo',
'note' => 5.5,
],
[
'name' => 'Ainara',
'surname' => 'Feijoo',
'note' => 6.5,
],
[
'name' => 'Nancy',
'surname' => 'Tomas',
'note' => 4.5,
],
];
?>
html>
body>
h1>Notas alumnosh1>
table border="1">
tr>
th>Nombre alumnoth>
th>Apellidosth>
th>Notath>
tr>
$concat = '';
foreach ($data as $student) {
//Concatenamos las tablas en una variable, también podriamos hacer el "echo" directamente
$concat .= '';
$concat .= '' . $student['name'] .' ';
$concat .= '' . $student['surname'] .' ';
//Number format es únicamente para reemplazar el punto por la coma que se utiliza en europa para los decimales.
$concat .= '' . number_format($student['note'], 2, ',','.') .' ';
$concat .= ' ';
}
echo $concat;
?>
table>
body>
html>Lenguaje del código: HTML, XML (xml)Con este código ya tendríamos exactamente la misma tabla que realizamos manualmente en HTML pero esta vez con un origen de datos que podría ser una base de datos o un objeto.
En este código almaceno todas las filas en la variable $concat, pero podríamos pintarlo directamente con echo y funcionaría exactamente igual. A partir de aquí te recomiendo que hagas tus propias pruebas y verás que poco a poco te ira saliendo.
This post first appeared on Andrés Ledo – Blog De Andrés Ledo Encontrarás, please read the originial post: here
