Tables

source

Usage

Tables are used to display tabular data such as financial information. Please see the MDN Web Docs on basic table markup structure.

Themes

Adding a theme class will change the background color of the header. Remember to consider thoughtful use of color.

Primary table-primary

<table class="table-primary">
</table>

Secondary table-secondary

<table class="table-secondary">
</table>

Accent/Notice table-accent or table-notice

<table class="table-accent">
</table>

OR

<table class="table-notice">
</table>

Caution table-caution

<table class="table-caution">
</table>

Warning table-warning

<table class="table-warning">
</table>

Modifiers

These classes can be added to any table and combined with the classes above or with each other.

Borderless

<table class="borderless">
</table>

Striped

<table class="table-striped">
</table>