Poner scroll vertical

[darkdraco_26]

Hola, alguien sabe como poner un scroll dentro de una tabla y que se puedan ver los thead, por que puedo hacer un overflow pero este aparece fuera de mi tabla y los thead no aparecen.

[al_limon]

¿Un overflow a una tabla? Tendrías que describir qué quieres exactamente... quizá no sea la tabla la que necesite el overflow. Y a poder ser, poner código. De todos modos, no tiene mucho sentido, a voz de pronto, ponerle un overflow a una tabla.


Saludos!

[pzin]

Una solución con los tamaños de las celdas fijos sería usar thead y tbody y ponerle a este último el overflow, así aparentemente la cabecera queja fija con respecto al cuerpo.

Código HTML:

<table>
 
  <thead>
    <tr>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
    </tr>
  </thead>
 
  <tbody>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <!-- [etc...] -->
  </tbody>
 
</table>
 

Código CSS:

table {
  display: table;
  width: 100%;
}
 
table thead, table tbody {
  float: left;
  width: 100%;
}
 
table tbody {
  overflow: auto;
  height: 150px;
}
 
table tr {
  width: 100%;
  display: table;
}
 
table th, table td {
  width: 25%;
}
 

Hay que poner algún ajuste más para que funcione bien.

[darkdraco_26]

Hola pzin pues algo así es lo que necesito lo aplicare a mi código para ver resultados y te comento como me fue ok.
Gracias