Stil - Tabellen
Standardstile
Für grundlegende Styling-Licht Polsterung und nur horizontale Trennwände-fügen Sie die Basisklasse hinzu .Tabelle
zu irgendwelchen .
# | Vorname | Nachname | Nutzername |
---|---|---|---|
1 | Kennzeichen | Otto | @mdo |
2 | Jacob | Thornton | @Fett |
3 | Larry | der Vogel |
...
Optionale Klassen
Fügen Sie der Klasse eine der folgenden Klassen hinzu .Tabelle
Basisklasse.
.tisch-gestreift
Fügt Zebra-Striping zu jeder Tabellenzeile innerhalb der über die
: N-Kind
CSS-Selektor (nicht verfügbar in IE7-IE8).
# | Vorname | Nachname | Nutzername |
---|---|---|---|
1 | Kennzeichen | Otto | @mdo |
2 | Jacob | Thornton | @Fett |
3 | Larry | der Vogel |
...
.tabelliert
Fügen Sie der Tabelle Rahmen und abgerundete Ecken hinzu.
# | Vorname | Nachname | Nutzername |
---|---|---|---|
1 | Kennzeichen | Otto | @mdo |
Kennzeichen | Otto | @TwBootstrap | |
2 | Jacob | Thornton | @Fett |
3 | Larry der Vogel |
...
.Table-Hover
Aktivieren Sie einen Hover-Status für Tabellenzeilen innerhalb von a .
# | Vorname | Nachname | Nutzername |
---|---|---|---|
1 | Kennzeichen | Otto | @mdo |
2 | Jacob | Thornton | @Fett |
3 | Larry der Vogel |
...
.Tabelle-komprimiert
Macht Tabellen kompakter, indem Sie die Zellauffüllung in zwei Hälften schneiden.
# | Vorname | Nachname | Nutzername |
---|---|---|---|
1 | Kennzeichen | Otto | @mdo |
2 | Jacob | Thornton | @Fett |
3 | Larry der Vogel |
...
Optionale Zeilenklassen
Verwenden Sie kontextabhängige Klassen zum Einfärben von Tabellenzeilen.
Klasse | Beschreibung |
---|---|
.Erfolg |
Zeigt eine erfolgreiche oder positive Aktion an. |
.Error |
Weist auf eine gefährliche oder möglicherweise negative Aktion hin. |
.Warnung |
Zeigt eine Warnung an, die möglicherweise beachtet werden muss. |
.Info |
Wird als Alternative zu den Standardstilen verwendet. |
# | Produkt | Zahlung genommen | Status |
---|---|---|---|
1 | TB - Monatlich | 01/04/2012 | Genehmigt |
2 | TB - Monatlich | 02/04/2012 | Abgelehnt |
3 | TB - Monatlich | 03/04/2012 | steht aus |
4 | TB - Monatlich | 04/04/2012 | Rufen Sie an, um zu bestätigen |
... 1 TB - Monatlich 01/04/2012 Genehmigt ...
Unterstützte Tabellenmarkierung
Liste der unterstützten Tabellen-HTML-Elemente und wie sie verwendet werden sollen.
Etikett | Beschreibung |
---|---|
|
Wrapping-Element zum Anzeigen von Daten in einem Tabellenformat |
|
Containerelement für Tabellenkopfzeilen ( ) um Tabellenspalten zu kennzeichnen |
|
Containerelement für Tabellenzeilen ( ) im Körper des Tisches |
|
Containerelement für eine Reihe von Tabellenzellen ( oder ) erscheint in einer einzelnen Zeile |
|
Standardtabellenzelle |
|
Spezielle Tabelle Zelle für Spalte (oder Zeile, abhängig von Umfang und Platzierung) Labels muss innerhalb verwendet werden
|
|
Beschreibung oder Zusammenfassung der Tabelle, besonders nützlich für Screenreader |
... ... ... ... ...