Tables

Documentation for tables and table components.

Files

app/styles/modules/_tables.scss

Basic table can be created by using class .table on standard HTML table.

No.	Lorem	Ipsum	Dolor
1	Et fugiat	Voluptate dolore	979
2	Quis deserunt	Aliqua sint laboris ut	814
3	Voluptate dolore	Aliqua sint laboris ut	436

Code:

<table class="table">
  ...
</table>

To create bordered version of table simple ad additional class .table--bordered.

Example:

No.	Lorem	Ipsum	Dolor
1	Et fugiat	Voluptate dolore	979
2	Quis deserunt	Aliqua sint laboris ut	814
3	Voluptate dolore	Aliqua sint laboris ut	436

Code:

<table class="table table--bordered">
  ...
</table>

To create striped version of table simple ad additional class .table--striped.

Example:

No.	Lorem	Ipsum	Dolor
1	Et fugiat	Voluptate dolore	979
2	Quis deserunt	Aliqua sint laboris ut	814
3	Voluptate dolore	Aliqua sint laboris ut	436

Code:

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

To create clean no bordered version of table simple ad additional class .table--clean.

Example:

Code:

<table class="table table--clean">
  ...
</table>