ubiquitour.com

Cómo hacer una barra de desplazamiento en una tabla con HTML

Cómo hacer una barra de desplazamiento en una tabla con HTML

Las tablas son herramientas útiles en HTML para guardar los datos con formato de una manera específica. A veces tablas contienen grandes cantidades de datos que no puede ocupar toda la pantalla. En estos casos, puede Agregar una barra de desplazamiento en una tabla que se establece en un tamaño específico. Un visitante puede desplazarse por tanto texto como opta por añadir, pero la tabla permanecerá siempre del mismo tamaño.

Instrucciones

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

2 Introduzca el código siguiente en la sección body del HTML:

< table >

< tr >

< td >

3 Agregue el código siguiente después del código < td > de la célula:

< div estilo = "width: 200px; altura: 100px; overflow: auto; " >

4 Cambiar el ancho y altura al tamaño que desea que la celda desplazable al ser.

5 Introduzca los datos que desee en el cuadro de desplazamiento.

6 Agregue el código < / div > después de los datos.

7 Cierra la tabla con el siguiente código:

< /td >

< /tr >

< table >

8 Guarde el archivo. La celda de tabla que se ha especificado será desplazable.

Consejos y advertencias

  • Un ejemplo de un código de la tabla de desplazamiento:
  • < table >
  • < tr >
  • < td >
  • < div estilo = "width: 200px; altura: 100px; overflow: auto; " >
  • Esto es donde la tabla contenido vaya. < p >
  • Añadir algún contenido más y más y más y más. < p >
  • En vez de creciendo con todo este texto, la tabla tendrá una barra de desplazamiento.
  • < / div >
  • < /td >
  • < /tr >
  • < / table >