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

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


Las tablas son herramientas útiles en HTML para guardar datos con formato de una manera específica. A veces las tablas contienen grandes cantidades de datos que es posible que no quieren ocupar toda la pantalla. En estos casos, se puede agregar una barra de desplazamiento para una tabla que se establece en un tamaño específico. Un visitante puede desplazarse a través de todo el texto como usted elija para agregar, pero la mesa permanecerá siempre del mismo tamaño.

Instrucciones

1

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

2

Escriba el siguiente código en la sección del cuerpo del HTML:

<Table>

<Tr>

<Td>

3

Agregue el siguiente código después de la etiqueta <td> Código para la célula:

<Div style = "width: 200px; altura: 100px; overflow: auto;">

4

Cambiar el ancho y la altura con el tamaño que desea que el celular desplazable sea.

5

Introduzca los datos que desee dentro de la mesa desplazable.

6

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

7

Cierre la tabla con el siguiente código:

</ Td>

</ Tr>

<Table>

8

Guarde el archivo. La celda de la tabla que ha especificado ahora será desplazable.

Consejos y advertencias

  • Un ejemplo de un código de la tabla de desplazamiento:
  • <Table>
  • <Tr>
  • <Td>
  • <Div style = "width: 200px; altura: 100px; overflow: auto;">
  • Aquí es donde todos los contenidos de la tabla van. <P>
  • Agregue un poco más contenidos, y más y más y más. <P>
  • En lugar de crecer más grande con todo de este texto, la tabla tendrá una barra de desplazamiento.
  • </ Div>
  • </ Td>
  • </ Tr>
  • </ Table>