Tables

Basic re-useable table styles. Spacing, and padding modifiers.

Table

Default table with no stylistic modifiers. To apply stylistic classes, or ‘themes’ take a look at the table at the component level.

Table Header
Table Data 1 Table Data 2 Table Data 3
Table Data 1 Table Data 2 Table Data 3
Table Data 1 Table Data 2 Table Data 3

Table Padding

Change table padding by applying any of the following size modifiers.

Tiny Table Header
Table Data 1 Table Data 2 Table Data 3
Table Data 1 Table Data 2 Table Data 3

Table Layout

Classes for controlling the table layout types.

Table Header Header 2 Header 3
Table Data 1 Table Data 2 Table Data 3
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt dolorem voluptate velit dignissimos a est eos consectetur? Corporis dignissimos. Table Data 2 Table Data 3
Table Data 1 Table Data 2 Table Data 3

Useful notes and reading:

Related Links: