Wie ändere ich die Breite einer Spalte in der Bootstrap -Tabelle?
In jeder Anwendung werden Tabellen verwendet, um die Daten in tabellarischer Form zu organisieren. Es gibt Spalten und Zeilen in einer Tabelle. Abhängig von der Situation können die Breiten und Höhen der Säule und der Reihe geändert werden. Insbesondere muss die Breite der Spalten angegeben werden, um die Daten der Tabelle angemessen anzupassen. Für diese Sache das “w-*”Klasse kann genutzt werden.
In diesem Artikel wird beschrieben, wie die Breite einer Spalte in der Bootstababelle ändert.
So ändern Sie die Breite einer Bootstrap -Tabellespalte?
Um die Spaltenbreite der Tabelle zu ändern, die Bootstrap “w-*"Klasse kann verwendet werden, wo das Sternchen"*”Symbolisiert den Breitenwert als"25","50","75", Und "100”, Was die Spaltenbreite der Tabelle als 25%, 50%, 75%bzw. 100%darstellt.
Beispiel
Lassen Sie uns ein Beispiel implementieren, um zu sehen, wie die "w-*”Klasse funktioniert.
Schritt 1: Erstellen Sie eine Tabelle
Erstellen Sie eine Tabelle, indem Sie den Schritten folgen:
- Erstellen Sie zunächst eine Tabelle mit der HTML “
" Element.
- Füge hinzu ein "”Tag für den Header -Teil des Tisches. Dieses Tag besteht aus einem “
”Tag, um eine Zeile zu erstellen. - Der "
Gibt die Überschriften der Spalte an. - Dann fügen Sie das hinzu “”Teil, bestehend aus Tabellendatenzeilen.
- Der "
Elemente geben die Tabellendaten an. Html
S.NEIN Name Punktzahl 1 Lilie 98 2 Grahm 86 3 Oliver 84 Infolgedessen sieht die hinzugefügte Tabelle so aus:
Schritt 2: Ändern der Breite der Tabelle
Um die Breite der Tabellenspalte zu ändern, fügen Sie die Klasse hinzuW-75”In die Spalte:
Name Wie Sie sehen können, wurde die Breite der zweiten Spalte erfolgreich zu 75% der Tabelle:
Auf diese Weise können Sie die Breite einer Spalte in der Bootstababelle erfolgreich ändern.
Abschluss
In Bootstrap, die “w-*Die Klasse ändert die Spalte der Tabellenbreite. Der "*"Symbol zeigt den Breitenwert an, wie z."W-25","W-50","W-75", Und "W-100”. Um die Breite der spezifischen Spalte zu ändern, erstellen Sie zunächst eine Tabelle mit der HTML “
" Schild. Fügen Sie dann die gewünschte Klasse aus den genannten Klassen zur Spalte der Tabelle hinzu. In diesem Artikel wurde erklärt, wie die Breite einer Spalte in Bootstrap geändert werden kann.
- « Wie liste ich nur lokale Zweige in Git auf?
- So verwenden Sie das Disk -Dienstprogramm auf Ubuntu Top 10.Top 10 »
- Füge hinzu ein "”Tag für den Header -Teil des Tisches. Dieses Tag besteht aus einem “