Riferimento alle tabelle CSS Bootstrap
<tabella> Classi
Usa le classi seguenti per dare uno stile a qualsiasi tabella:
Class | Description | Example |
---|---|---|
.table | Adds basic styling (light padding and only horizontal dividers) to any <table> | |
.table-striped | Adds zebra-striping to any table row within <tbody> (not available in IE8) | |
.table-bordered | Adds border on all sides of the table and cells | |
.table-hover | Enables a hover state on table rows within a <tbody> | |
.table-condensed | Makes table more compact by cutting cell padding in half | |
Combining all the table classes |
Classi <tr>, <th> e <td>
Utilizzare le classi seguenti per colorare le righe o le celle della tabella:
Class | Description | Example |
---|---|---|
.active | Applies the hover color (light-grey) to a particular row or cell | |
.success | Indicates a successful or positive action | |
.info | Indicates a neutral informative change or action | |
.warning | Indicates a warning that might need attention | |
.danger | Indicates a dangerous or potentially negative action |
Tabelle reattive
La classe .table-responsive crea una tabella reattiva. La tabella scorrerà quindi orizzontalmente su dispositivi di piccole dimensioni (meno di 768px). Quando si visualizza su qualcosa di più grande di 768px di larghezza, non c'è differenza:
Esempio
<div class="table-responsive">
<table class="table">
...
</table>
</div>