Configuración de ancho de columna de tabla HTML

En cualquier documento, la representación de datos juega un papel vital en la atención del lector. Hay varias formas de representar datos, como gráficos, gráficos y más. Más específicamente, se agrega una tabla en una página web para mostrar los datos en el tamaño y el formato adecuados. Una tabla consta de filas y columnas de datos, y su altura y ancho se pueden establecer con la ayuda de las propiedades CSS.

Esta guía te enseñará:

• Cómo crear una tabla en HTML?
• Cómo ajustar la altura de la fila de la mesa?
• Cómo ajustar el ancho de la columna de la tabla?

Cómo crear una tabla en HTML?

En HTML, primero, agregue un "mesa"Elemento y aplicar"ancho"Con el valor de"100%". Luego añade etiqueta para agregar la primera fila de la tabla, y dentro de esta etiqueta, agregue números de Etiquetas para encabezados. Después de agregar la fila de la tabla para los encabezados, agregue filas para obtener datos. Para hacerlo, agregar Etiquetas, incluido Para los datos:

Nombre	Género	Edad
Péter	Masculino	23
Dennis	Masculino	26
Margarita	Femenino	23

Actualmente, nuestra página web se ve así:

Ahora, ajuste los tamaños de fila y columna de la tabla.

Cómo ajustar la altura de la fila de la mesa?

La altura de la fila de la tabla se puede ajustar utilizando el "altura" propiedad. A continuación se muestra el ejemplo donde el

La etiqueta se proporciona con la altura de la propiedad de estilo con valor 100px:
Dennis
Masculino
26

Se puede ver en la imagen a continuación que la segunda fila de la tabla ahora tiene una longitud de 100px:

Cómo ajustar el ancho de la columna de la tabla?

El ancho de la columna se puede modificar utilizando el CSS "ancho" propiedad. Aquí, el ancho de la tabla se establece como 80%:

Nombre
Género
Edad

Producción

Eso es todo! Hemos aprendido con éxito a ajustar el ancho y la altura de una mesa.

Conclusión

Las tablas son el medio más popular para presentar datos a medida que organizan datos en filas y columnas. En CSS, se puede hacer una mesa utilizando el

, ,

,

. Sin embargo, puede utilizar las propiedades de altura y ancho para especificar el tamaño de la tabla. Este blog explicó específicamente el método para establecer el ancho de las filas y columnas de la tabla. « Configurar un entorno de desarrollador utilizando Docker Establecer espaciado celular en CSS - HTML » Fuerza de ventas Apex por lotes en Salesforce Tutorial sobre cómo hacer las operaciones de DML masiva como insertar, actualizar y eliminar con lot... Hernán Delao c agudo Cómo convertir un decimal a un doble en c# Para convertir un valor decimal a un doble en C#, usamos el decimal.Método toDouble (). Toma un solo... Beatriz Enríquez golang Cómo usar el tiempo.Función del sueño en Golang El tiempo.La función Sleep () a menudo se usa para crear retrasos entre operaciones o para pausas br... Mariana Cotto c agudo ¿Qué es el sistema?.IO espacio de nombres en C# Lorenzo Morales Estibador ¿Qué son los monturas de enlace de Docker?? Daniela Villaseñor golang ¿Qué son las estructuras en Golang? Homero Ontiveros html Cómo usar la propiedad CSS Flex-Grow? Lorenzo Canales AWS ¿Qué es el proceso por lotes y cómo usarlo en AWS?? Mariana Cotto AWS ¿Qué es elastic beanstalk?? ¿Es Paas o Iaas?? Pilar Alemán AWS Cómo usar el ciclo de vida de instancias en AWS? José Luis Villagómez Estibador ¿Cuáles son los pasos para implementar una imagen Nginx usando Docker? Pilar Melgar Potencia Shell Cómo usar el cmdlet de movimiento de movimiento en PowerShell? Mariana Cotto MS SQL Server ¿Qué es mysql rdbms una guía completa? Carolina Guzmán