Responsive web Framework

DOCUMENTATION

Tables

Distinction between tables defined by tag or by attribute

NOT AVAILABLE FOR TINY SCREENS

(minimum width: 480px)

Normal tables

Those are defined by the <table/> tag and all related. These contain a small default spacing and a minimum margin to delimit their range.

See it! icon execute code

Dividers as tables

There is also an option to handle table dividers. This allows the page load faster.

.table
Table.
.theader
Header; upper area of the table
.thead
Header cell
.tbody
Central size of the table; content or body of it.
.trow
Table row. This can be found inside dividers identified as .theader, .tbody or .tfooter.
.tcell
Content cell
.tfooter
Footer; bottom area of the table.
.tfoot
Footer cell.

See it! icon execute code

Modifiers

Although in most cases the tables will be used in a natural way, without modifying the code, two variants have been introduced that must be added together with .table:

.table-list
List of data, used for comparative listings.
.table-desc
Description of data, used mainly in forms.