> Faqs > Formateo de tabla donde mostrar los resultados de un select

Formateo de tabla donde mostrar los resultados de un select

Estoy desarrollando una página web para inmobiliaria, no voy mal, pero... tengo un problema: cuando hago un SELECT, recibo toda la información correspondiente a la propiedad indicada pero, los campos de información son muchos y salen uno detrás de otro, lo cual hace un "chorizo" difícil de leer. Mis esfuerzos para formatear el resultado han sido vanos hasta ahora y si intento introducirlos en una tabla me salen los th títulos en una línea, que, al ser tantos los campos no caben en la página. me gustaría que, al menos me salieran unos encima de otros y, a ser posible, en cuatro columnas:

<table>
<tr>
<td>Título</td><td>Villa de lujo</td>

No me extiendo más, si hay alguien que puede echarme un cable le estaré eternamente agradecido. Un saludo.

Respuestas

A veces no hay mucho que hacer. Si lo que tienes es muchas columnas en una tabla no se puede hacer mucho ¿no?

Lo que yo haría sería que el elemento donde metes la tabla tuviera su propia región de scroll, para que el usuario pueda desplazar la tabla para ver la región que sea.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Test de región de scroll</title>
  <style>
    .regionscroll {
      max-width: 100%;
      overflow: auto;
    }
  </style>
</head>
<body>
  
  <div class="regionscroll">
    <table>
      <tr>
        <th>Item numero 1</th>
        <th>Item numero 2</th>
        <th>Item numero 3</th>
        <th>Item numero 4</th>
        <th>Item numero 5</th>
        <th>Item numero 6</th>
        <th>Item numero 7</th>
        <th>Item numero 8</th>
        <th>Item numero 9</th>
        <th>Item numero 10</th>
        <th>Item numero 11</th>
        <th>Item numero 12</th>
        <th>Item numero 13</th>
        <th>Item numero 14</th>
        <th>Item numero 15</th>
        <th>Item numero 16</th>
        <th>Item numero 17</th>
        <th>Item numero 18</th>
        <th>Item numero 19</th>
        <th>Item numero 20</th>
      </tr>
    </table>
  </div>
</body>
</html>

La otra solución sería no maquetarlo como una <table> que son muy rígidas y hacer alguna otra forma en la que cada elemento lo tengas en una caja independiente donde se muestren los datos de otra manera más imaginativa. Pero eso ya es algo que depende del diseño.

Miguel Angel
3310 147 216 17

No entiendo bien el problema, no hagas un select * y carga solo lo que necesites y a la hora de mostrarlos lo mismo, un bucle y solo muestra en la tabla lo que te interese.

Cristian
125 6 13