2010-05-24 32 views
8

Quiero fijar una altura para mi tabla html en la página web y si se pasa la altura automáticamente se muestra una barra de desplazamiento vertical.barra de desplazamiento vertical para una tabla usando html

ayuda.

+2

Probablemente debería aclarar si desea que las celdas de encabezado y/o pie de página de la tabla permanezcan fijas mientras que el resto es desplazable, o no. Tenerlos solucionados es la solicitud más popular, pero significativamente más complicada. – reisio

Respuesta

24

No es la tabla que se desplaza, es la div detrás de ella.

<div style="height:200px; overflow-y: scroll;"> 
    <table> 
    .... 
    </table> 
</div> 

uso overflow-y Si sólo desea una barra de desplazamiento vertical y overflow si quieres tanto vertical como horizontal.

Nota: establecer un atributo de desbordamiento para desplazarse siempre mostrará las barras de desplazamiento. Si desea que las barras de desplazamiento horizontales/verticales solo aparezcan cuando sea necesario, use auto.

+0

¿Para qué sirve Div? ¿Por qué simplemente no te desplazas por la mesa? – ANeves

+0

+1 para una respuesta más completa que la mía. – Tejs

6

Lo que quiere colocar la mesa dentro de un div de este modo:

<div style="height: 400px; overflow: auto;"> 
    <!-- Html Elements --!> 
</div> 

Cualquier cosa dentro de ese div, cuando va sobre 400 píxeles de altura, se desbordará y se mostrará una barra de desplazamiento.

+0

¿Para qué sirve Div? ¿Por qué simplemente no te desplazas por la mesa? – ANeves

Cuestiones relacionadas