¿Cómo ajustar el texto en una tabla si los datos los traigo desde una base de datos?

JorgeQuirino · #1 (**permalink**) 03/02/2014, 13:20

El problema que tengo es que tengo los datos almacenados en una bd mysql y de forma lineal, y cuando los traigo a la pag por php los muestro en una tabla, pero en una columna es muxo texto y se extiende mucho la pagina a los costados. Eso quisiera saber como poder reducir los espacios o justificarlo.

Código HTML:

Ver original<html>
<body>
<?php
header("Content-Type: text/html;charset=utf-8");
//Variables de conexion
$dbhost = "localhost";
$dbuser = "root";
$dbpassword = "";
$dbname = "automatizacion";
 
$db = mysql_connect($dbhost, $dbuser, $dbpassword) or die("Connection Error: " . mysql_error()); mysql_select_db($dbname) or die("Error al conectar a la base de datos.");
mysql_query("SET NAMES 'utf8'");
//MOSTRAMOS TODAS LAS TABLAS
$sql = "SELECT `equipo`,`codigo`,`nombre`,`descripcion`,`solucion`,`periodo`,`estado`,`nivel de riesgo` FROM `resultados`";
    
$result = mysql_query( $sql ) or die("No se puede ejecutar la consulta: ".mysql_error());
$numero = 0;
 
 echo "<TABLE WIDTH='100%' CELLPADDING='5' CELLSPACING='0' BORDER='3'>";
echo        "<TR>";
echo        "<TD COLSPAN='8' ALIGN='center'>Registros no existentes en tabla master</TD>";
echo        "</TR>";
echo        "<TR>";
echo        "<TD WIDTH='5%'>Equipo</TD>";
echo "<TD WIDTH='5%'>Codigo</TD>";
echo "<TD WIDTH='5%'>Nombre</TD>";
echo "<TD WIDTH='5%'>Descripcion</TD>";
echo "<TD WIDTH='5%'>Solucion</TD>";
echo "<TD WIDTH='5%'>Periodo</TD>";
echo "<TD WIDTH='5%'>Estado</TD>";
echo "<TD WIDTH='5%'>Nivel de Riesgo</TD>";
echo   " </TR>";
 
//MOSTRAMOS LA INFORMACION DE LOS CAMPOS
while($Rs2 = mysql_fetch_array($result))
 {
    echo "<TR>";
    echo "<TD WIDTH='2%'><font size=1>".$Rs2['equipo']."</font></td>";
    echo "<TD WIDTH='5%'><font size=1>".$Rs2['codigo']."</font></td>";
    echo "<TD width='5%'><font size=1>".$Rs2['nombre']."</font></td>";
    echo "<TD width='5%'><font size=1>".$Rs2['descripcion']."</font></td>";
    echo "<TD width='50%'><font size=1>".$Rs2['solucion']."</font></td>";
    echo "<TD width='50%'><font size=1>".$Rs2['periodo']."</font></td>";
    echo "<TD width='50%'><font size=1>".$Rs2['estado']."</font></td>";
    echo "<TD width='50%'><font size=1>".$Rs2['nivel de riesgo']."</font></td>";
    echo "</TR>";
    $numero++;
}
 echo "<tr>
        <td colspan=\"15\">
            <font face=\"verdana\">
            <b>Número de Registros : " . $numero . "</b>
            </font>
        </td>
    </tr>";
echo "</table>";
?>
</body>
</html>

garivia · #2 (**permalink**) 13/02/2014, 07:07

Hola, y si pruebas con jquery trayendo los datos con ajax, con la propiedad del datatables, te dejo un link donde puedes ver los ejemplos: https://datatables.net/

si necesitas mas ayuda con el codigo deja un mensaje.

ghost_darknet · #3 (**permalink**) 13/02/2014, 19:22

Se puede hacer integrando codigo CSS en el mismo PHP o en una hoja de estilo aparte.

websensemx · #4 (**permalink**) 13/02/2014, 23:44

Cita:

Iniciado por JorgeQuirino

echo "<TR>";
echo "<TD WIDTH='2%'>".$Rs2['equipo']."</td>";
echo "<TD WIDTH='5%'>".$Rs2['codigo']."</td>";
echo "<TD width='5%'>".$Rs2['nombre']."</td>";
echo "<TD width='5%'>".$Rs2['descripcion']."</td>";
echo "<TD width='50%'>".$Rs2['solucion']."</td>";
echo "<TD width='50%'>".$Rs2['periodo']."</td>";
echo "<TD width='50%'>".$Rs2['estado']."</td>";
echo "<TD width='50%'>".$Rs2['nivel de riesgo']."</td>";
echo "</TR>";

Se supone que la suma de las columas (TD) deben ser 100%, tu codigo tiene errores, tienes 4 columnas con 50%, eso suma mas de 200%..