Required files

Default table

Use default table tags to create a fluid table

A wrapper can be added to create an overflow scroll on the table, making it more responsive on smaller devices.responsive-table-wrapper

The example below has the modifying class .table--hover also added to illustrate an optional hover effect

Striped table

Add the modifying class .table--striped to make the table striped

Condensed table

Add the modifying class .table--condensed to make the table condensed

The example below has the class .font-size-sm also added to illustrate when you may use a condensed table

Bordered table

Add the modifying class .table--bordered to make the table bordered

Bordered inbetween table

Add the modifying class .table--bordered-inbetween to make the table bordered inbetween rows and columns