ubiquitour.com

Cómo agregar una barra de desplazamiento en una tabla HTML

Etiquetas de tablas en HTML no admiten añadir barras de desplazamiento, pero puede definir un elemento de estilo y aplicarlo a una tabla. Utilice la propiedad div "desbordamiento" para agregar una barra de desplazamiento a una tabla cuando el tamaño de la tabla supere el tamaño especificado en la etiqueta. Puede definir el estilo en el archivo HTML que contiene la tabla o en una hoja de estilos si desea aplicar el estilo a muchas tablas a través de su sitio de Internet.

Instrucciones

1 Abra el archivo que contiene la tabla. Escriba lo siguiente en el elemento "head":

< estilo tipo = "text/css" >

{tablescroll} height: 150px;

width: 50%;

overflow:auto;

}

< / estilo >

Cuando se utiliza, este estilo crea una tabla que es de 150 píxeles de alto y se ajusta al ancho de la mitad la pantalla. Si la tabla contiene más datos que caben en esta gama, crea una barra de desplazamiento vertical. Puede utilizar la propiedad "scroll" en lugar de "auto" aquí para hacer las barras de desplazamiento verticales y horizontales que aparecen, sin importar la cantidad de datos la tabla tiene.

2 Coloque el cursor delante de la etiqueta "< table >" en el elemento "body". Escriba lo siguiente:

< div id = "tablescroll" >

Esto requiere el estilo de tabla que define y aplica a las tablas dentro de la etiqueta "div".

3 Tipo "< / div >" al final de la tabla, después de "< / table >" para cerrar el elemento div.

4 Guarde el archivo y subirlo a su servidor Web.