Mostrar datos en tabla

Dj_ToRk3 · #1 (**permalink**) 15/07/2018, 03:56

Buenas tengo un problemilla quiero mostrar los datos de una consulta sql en un tabla hecha en php o html es igual pero la tabla tiene 17 filas y 5 columnas y quiero rellenar eso huecos con los datos de mi base de datos sin alterar la estructura de la tabla si es posible y como gracias.

Alexis88 · #2 (**permalink**) 15/07/2018, 23:03

Lo único que necesitas hacer es dibujar cada fila de la tabla HTML con sus cinco columnas respectivas apoyándote en el uso de dos estructuras cíclicas: una para las filas y otra para las columnas (como cuando se recorre la estructura de un arreglo bidimensional). En cada iteración, imprimirías los datos obtenidos en la consulta o algún mensaje (por ejemplo, una serie de guiones que indiquen que no hay dato alguno para mostrar) en la celda correspondiente a un dato nulo (que no se halla en la base de datos).

Código PHP:

Ver original<?php
$conexion = mysqli_connect('server', 'user', 'password', 'database');
 
if (mysqli_connect_errno()) exit (mysqli_connect_errno() . ': ' . mysqli_connect_error());
 
$consulta = 'SELECT field1, field2, field3, field4, field5 FROM table';
$resultados = mysqli_query($conexion, $consulta) or exit (mysqli_error($conexion));
 
if (mysqli_num_rows($resultados)){
    //Arreglo que almacenará los datos obtenidos en la consulta
    $datos = [];
 
    //Recorremos el conjunto de datos obtenidos en la consulta y los almacenamos en $datos
    //De esta manera, podremos recorrerlo más adelante como a un arreglo bidimensional
    while ($filas = mysqli_fetch_assoc($resultados)){
        $datos[] = [
            0 => $filas['field1'],
            1 => $filas['field2'],
            2 => $filas['field3'],
            3 => $filas['field4'],
            4 => $filas['field5']
        ];
    }
?>
    <table>
        <thead>
            <tr>
                <th>Columna 1</th>
                <th>Columna 2</th>
                <th>Columna 3</th>
                <th>Columna 4</th>
                <th>Columna 5</th>
            </tr>
        </thead>
        <tbody>
<?php
        //Bucle de las filas
        for ($i = 0; $i < 17; $i++){
?>
            <tr>
<?php
            //Bucle de las columnas
            for ($j = 0; $j < 5; $j++){
?>
                <td>
<?php
                //Si el dato existe y posee extensión
                if (isset($datos[$i][$j]) && strlen($datos[$i][$j])){
                    echo $datos[$i][$j];
                }
                else{
                    echo '---';
                }
?>
                </td>
<?php
            }
?>
            </tr>
<?php
        }
?>
        </tbody>
    </table>
<?php
}
?>

Dj_ToRk3 · #3 (**permalink**) 16/07/2018, 12:58

Código HTML:

Ver original<html>
<head>
<?php
//Agregamos la conexión
include ('conectar.php');
 
//Parametros de la plantilla
date_default_timezone_set('Europe/Madrid');
$ho = date("j/n/Y");
$tecnico = "Abdelasis Hassan Hamed";
 
////Obteniendo registros de la base de datos a traves de una consulta SQL
$consulta = 'SELECT * FROM incidencias';
$resultado = mysql_query($consulta) or die (mysql_error());
 
if (mysql_num_rows ($resultado)) {
 
$datos = [];
 
?>
<meta charset="UTF-8">
<link rel="Stylesheet" href="css/stylesheet.css">
<title>PARTES</title>
<style>
<!--table
    {mso-displayed-decimal-separator:"\,";
    mso-displayed-thousand-separator:"\.";}
@page
    {margin:.75in .49in .75in .54in;
    mso-header-margin:.3in;
    mso-footer-margin:.3in;
    mso-page-orientation:landscape;}
-->
</style>
</head>
<body link="#0563C1" vlink="#954F72">
 <?php
 while ($filas = mysql_fetch_assoc($resultado)){
     $datos [] = [
        0 => $filas['hora'],
        1 => $filas['tiempo'],
        2 => $filas['sistema'],
        // 3 => $filas['vacio'],
        4 => $filas['usuario'],
        5 => $filas['area'],
        6 => $filas['descripcion'],
        7 => $filas['estado']
    ];
 }
 ?>
<table border=0 cellpadding=0 cellspacing=0 width=1062 style='border-collapse:
 collapse;table-layout:fixed;width:799pt' align="center">
 <col width=66 style='mso-width-source:userset;mso-width-alt:2413;width:50pt'>
 <col width=64 style='mso-width-source:userset;mso-width-alt:2340;width:48pt'>
 <col width=82 style='mso-width-source:userset;mso-width-alt:2998;width:62pt'>
 <col width=38 style='mso-width-source:userset;mso-width-alt:1389;width:29pt'>
 <col width=138 style='mso-width-source:userset;mso-width-alt:5046;width:104pt'>
 <col width=152 style='mso-width-source:userset;mso-width-alt:5558;width:114pt'>
 <col width=445 style='mso-width-source:userset;mso-width-alt:16274;width:334pt'>
 <col width=77 style='mso-width-source:userset;mso-width-alt:2816;width:58pt'>
 <col width=80 style='mso-width-source:userset;mso-width-alt:2925;width:60pt'>
 <tr height=25 style='height:18.75pt'>
  <td height=25 class=xl65 width=66 style='height:18.75pt;width:50pt'>FECHA:</td>
  <td colspan=2 class=xl78 width=146 style='border-right:.5pt solid black;
  width:110pt'><?php echo "".$ho."" ?></td>
  <td width=38 style='width:29pt'></td>
  <td width=138 style='width:104pt'></td>
  <td class=xl65 width=152 style='width:114pt'>TECNICO:</td>
 <td colspan=2 class=xl74 width=511 style='border-right:.5pt solid black;
  width:384pt'><?php echo "".$tecnico."" ?></td>
  <td class=xl66 width=82 style='border-left:none;width:62pt'>Pag. Nº</td>
 </tr>
 <tr height=20 style='height:15.0pt'>
  <td height=20 colspan=8 style='height:15.0pt;mso-ignore:colspan'></td>
 </tr>
 <tr height=23 style='height:17.25pt'>
  <td height=23 class=xl68 style='height:17.25pt'>HORA</td>
  <td class=xl68>TIEMPO</td>
  <td class=xl68>SISTEMA</td>
  <td class=xl68></td>
  <td class=xl68>USUARIO</td>
  <td class=xl68>AREA</td>
  <td class=xl69>DESCRIPCIÓN</td>
  <td class=xl68>ESTADO</td>
  <td class=xl68>PARTE</td>
 </tr> 
    <?php
            //Bucle de las filas
            for ($i = 0; $i < 17; $i++){
    ?>
                <tr height=34 style='mso-height-source:userset;height:25.5pt'>
    <?php
                //Bucle de las columnas
                for ($j = 0; $j < 9; $j++){
    ?>
                    <td height=34 class=xl70 style='height:25.5pt'>
    <?php
                    //Si el dato existe y posee extensión
                    if (isset($datos[$i][$j]) && strlen($datos[$i][$j])){
                        echo $datos[$i][$j];
                    }
                    else{
                        echo '';
                    }
    ?>
                    </td>
    <?php
                }
    ?>
                </tr>
    <?php
            }
    ?>
        <?php
    }
    ?>
 
  <tr height=20 style='height:15.0pt'>
  <td height=20 colspan=8 style='height:15.0pt;mso-ignore:colspan'></td>
 </tr>
 <tr height=20 style='height:15.0pt'>
  <td colspan=6 height=20 class=xl77 style='height:15.0pt'><font class="font5">N.Usuario:</font><font
  class="font0"> 0=Nada, 1=Tramita con dificultad; 2=Tramita Nivel Medio;
  3=Controla</font></td>
  <td colspan=2 style='mso-ignore:colspan'></td>
 </tr>
 <tr height=20 style='height:15.0pt'>
  <td colspan=6 height=20 class=xl77 style='height:15.0pt'><font class="font5">Estado:</font><font
  class="font0"> OK=Cerrado; TR=Traslado</font></td>
  <td colspan=2 style='mso-ignore:colspan'></td>
 </tr>
 <tr height=0 style='display:none'>
  <td width=66 style='width:50pt'></td>
  <td width=64 style='width:48pt'></td>
  <td width=82 style='width:62pt'></td>
  <td width=38 style='width:29pt'></td>
  <td width=138 style='width:104pt'></td>
  <td width=152 style='width:114pt'></td>
  <td width=445 style='width:334pt'></td>
  <td width=77 style='width:58pt'></td>
 </tr>
</table>
</body>
</html>

Funciono gracias ahora tengo un problema en una columna la cual la quiero justificar a la izquierda las otras que esten centradas que solucion me das gracias.

Alexis88 · #4 (**permalink**) 18/07/2018, 06:26

Eso puedes hacerlo con CSS. Al momento de imprimir cada celda, puedes asignar una clase X a las celdas cuyo contenido quieres alinear al centro y una clase Y a aquella cuyo contenido quieres alinear a la izquierda.

Por ejemplo, supongamos que la tercera celda tendrá el texto alineado a la izquierda y las demás al centro:

Código PHP:

Ver original<?php
    //Bucle de las columnas
        for ($j = 0; $j < 5; $j++){
            if ($j == 2){ //Si es la tercera celda (se empieza a contar desde cero)
                $clase = 'left';
            }
            else{
                $clase = 'center';
            }
?>
            <td class="<?=$clase?>"> <!-- Aquí signas la clase a la celda -->
<?php
            //Si el dato existe y posee extensión
            if (isset($datos[$i][$j]) && strlen($datos[$i][$j])){
                echo $datos[$i][$j];
            }
            else{
                echo '---';
            }
?>
            </td>
<?php
        }
?>

Luego, en tu hoja de estilos (CSS), solo necesitarás establecer a las clases y sus respectivas reglas:

Código CSS:

Ver original.left{
    text-align: left;
}
 
.center{
    text-align: center;
}