Etiquetas Tablas en HTML no admiten la adición de barras de desplazamiento, pero puede definir un elemento de estilo y aplicarlo a una mesa. Utilice la div "desbordamiento" propiedad para agregar una barra de desplazamiento a una mesa cuando el tamaño de la tabla supera el tamaño especificado en la etiqueta. Es posible definir el estilo en el archivo HTML que contiene la tabla, o en una hoja de estilos si desea aplicar el estilo a muchas mesas a través de su sitio web.

Instrucciones

1

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

<Style type = "text / css">

tablescroll {

height: 150px;

width: 50%;

overflow:auto;

}

</ Style>

Cuando se utiliza, este estilo crea una tabla que se encuentra a 150 píxeles de alto y se ajusta a la mitad el ancho de la pantalla. Si la tabla contiene más datos de los que caben en este rango, se crea una barra de desplazamiento vertical. Usted puede utilizar el "desplazamiento" de propiedad en lugar de "auto" aquí para hacer barras de desplazamiento vertical y horizontal a aparecer, independientemente de la cantidad de datos de la tabla tiene.

2

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

<Div id = "tablescroll">

Esto requiere el estilo de tabla que ha definido y lo 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.