ubiquitour.com

Cómo agregar barras de desplazamiento a HTML tablas utilizando hojas de estilo en cascada

Cómo agregar barras de desplazamiento a HTML tablas utilizando hojas de estilo en cascada

Las tablas son una herramienta útil para la visualización de datos en formato de hoja de cálculo en una página Web. Si tienes una tabla que debe ser un cierto tamaño que también contiene una gran cantidad de datos, a menudo se omitirán las restricciones de tamaño a favor de Mostrar todos los datos. Este problema puede ser resuelto con la propiedad overflow, que le permite crear barras de desplazamiento en una tabla si son necesarias.

Instrucciones

1 Abra la Página Web que desea modificar en un programa de edición de HTML o texto.

2 Desplácese hasta la tabla a la que desea agregar las barras de desplazamiento.

3 Agregue el código siguiente justo antes de la etiqueta < table >: < div estilo = "altura: 150px; width: 100px; overflow: auto; " >

4 Modificar el alto y ancho al tamaño que desee su tabla, en píxeles.

5 Retire cualquier altura = "xx" o anchura = "xx" data desde el comando < table >, que puede interferir con el CSS.

6 Guarde el archivo y verlo en un navegador Web. La tabla se mostrará en el tamaño que haya especificado. Si hay datos que se extiende más allá de ese tamaño, automáticamente se añadirá barras de desplazamiento vertical u horizontal.