Bootstrap CSS-tabelle-verwysing
<table> Klasse
Gebruik die klasse hieronder om enige tabel te stileer:
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 |
<tr>, <th> en <td> Klasse
Gebruik die klasse hieronder om tabelrye of selle in te kleur:
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 |
Responsiewe tabelle
Die .table-responsive klas skep 'n responsiewe tabel. Die tabel sal dan horisontaal blaai op klein toestelle (onder 768 px). As jy na enigiets groter as 768px wyd kyk, is daar geen verskil nie:
Voorbeeld
<div class="table-responsive">
<table class="table">
...
</table>
</div>