¿Cómo cambio el ancho de una columna en la tabla de bootstrap??
En cualquier aplicación, las tablas se utilizan para organizar los datos en forma tabular. Hay columnas y filas en una tabla. Dependiendo de la situación, los anchos y alturas de la columna y la fila se pueden cambiar. Más específicamente, se debe especificar el ancho de las columnas para ajustar los datos de la tabla adecuadamente. Por esta causa, el "W-*"La clase se puede utilizar.
Este artículo describirá cómo cambiar el ancho de una columna en la tabla de arranque.
Cómo modificar el ancho de una columna de tabla de arranque?
Para cambiar el ancho de la columna de la tabla, el bootstrap "W-*"La clase se puede usar, donde el asterisco"*"Simboliza el valor de ancho como"25","50","75", y "100", Que representa el ancho de la columna de la tabla como 25%, 50%, 75%y 100%, respectivamente.
Ejemplo
Implementemos un ejemplo para ver cómo el "W-*"Class Works.
Paso 1: crear una tabla
Cree una tabla siguiendo los pasos:
- Primero, cree una tabla usando el HTML "
" elemento.
- Agrega un ""Etiqueta para la parte del encabezado de la mesa. Esta etiqueta consiste en un "
"Etiqueta para crear una fila. - El "
"Especifica los encabezados de la columna. - Luego, agregue el "Parte que consiste en filas de datos de tabla.
- El "
"Elementos especifica los datos de la tabla. Html
S.No Nombre Puntaje 1 Lirio 98 2 Grahm 86 3 Oliver 84 Como resultado, la tabla agregada se verá así:
Paso 2: Cambiar el ancho de la mesa
Para cambiar el ancho de la columna de la tabla, agregue la clase "W-75"A la columna:
Nombre Como puede ver, el ancho de la segunda columna se convirtió con éxito en el 75% de la tabla:
De esta manera, puede cambiar con éxito el ancho de una columna en la tabla de arranque.
Conclusión
En Bootstrap, el "W-*"La clase cambia la columna de ancho de la tabla. El "*"El símbolo indica el valor de ancho, como"W-25","W-50","W-75", y "W-100". Para cambiar el ancho de la columna específica, primero, cree una tabla usando el HTML "
" etiqueta. Luego, agregue la clase deseada de las clases mencionadas a la columna de la tabla. Este artículo ha explicado cómo cambiar el ancho de una columna en Bootstrap.
- « ¿Cómo enumero solo las sucursales locales en git??
- Cómo usar la utilidad de disco en Ubuntu Top 10.Top 10 »
- Agrega un ""Etiqueta para la parte del encabezado de la mesa. Esta etiqueta consiste en un "