Comment changer la largeur d'une colonne en table bootstrap?
Dans n'importe quelle application, des tables sont utilisées pour organiser les données sous forme tabulaire. Il y a des colonnes et des lignes dans une table. Selon la situation, la colonne et les largeurs et les hauteurs de la colonne peuvent être modifiées. Plus précisément, la largeur des colonnes doit être spécifiée pour ajuster les données du tableau de manière appropriée. Pour cette cause, le «w- *"La classe peut être utilisée.
Cet article décrira comment changer la largeur d'une colonne dans le tableau bootstrap.
Comment modifier la largeur d'une colonne de table d'amorçage?
Pour changer la largeur de la colonne de la table, le bootstrap "w- *"La classe peut être utilisée, où l'astérisque"*"Symbolise la valeur de largeur comme"25","50","75", et "100», Qui représente la largeur de la colonne du tableau à 25%, 50%, 75% et 100%, respectivement.
Exemple
Implémentons un exemple pour voir comment le «w- *"La classe fonctionne.
Étape 1: Créez une table
Créez une table en suivant les étapes:
- Tout d'abord, créez un tableau à l'aide du HTML "
" élément.
- Ajouter un "”Tag pour la partie d'en-tête de la table. Cette étiquette se compose d'un «
”Tag pour créer une ligne. - Le "
»Spécifie les titres de la colonne. - Ensuite, ajoutez le "»Partie composée de lignes de données de table.
- Le "
»Les éléments spécifient les données du tableau. Html
S.Non Nom Score 1 Lis 98 2 Grahm 86 3 Oliver 84 En conséquence, le tableau ajouté ressemblera à ceci:
Étape 2: Modification de la largeur de la table
Pour modifier la largeur de la colonne de table, ajoutez la classe "W-75«À la colonne:
Nom Comme vous pouvez le voir, la largeur de la deuxième colonne est devenue 75% du tableau:
De cette façon, vous pouvez changer avec succès la largeur d'une colonne dans le tableau bootstrap.
Conclusion
En bootstrap, le «w- *»La classe modifie la colonne de largeur de table. Le "*«Le symbole indique la valeur de largeur, comme«W-25","W-50","W-75", et "W-100". Pour modifier la largeur de la colonne spécifique, créez d'abord un tableau à l'aide du HTML "
" étiqueter. Ensuite, ajoutez la classe souhaitée des classes mentionnées à la colonne de la table. Cet article a expliqué comment changer la largeur d'une colonne en bootstrap.
- « Comment puis-je énumérer uniquement les succursales locales en git?
- Comment utiliser l'utilitaire de disque sur Ubuntu Top 10.Top 10 »
- Ajouter un "”Tag pour la partie d'en-tête de la table. Cette étiquette se compose d'un «