Element
Table
SCSS Location: /styles/scss/partial/_tables.scss- Status: Design
- Status: Development
- Status: Documentation
Description
This is a basic table layout that includes an overall table header as well as column and row headers for describing cell content. Table header as well as column and row headers are optional but are best practice to display. On smaller screens, the table overflows horizontally and a scrollbar appears.
Guidelines
Usage
This implementation is a starting point for the display of any tabular content where organization by rows and content of associated data are needed.
| Column 2 Another Column Name | Column 3 Some Column Name | Column 4 Name | |
|---|---|---|---|
| Row 1 Lorem Ipsum | Row 1 Column 1 | Row 1 Column 2 | Row 1 Column 3 |
| Row 2 Dolar Set Amet | Row 2 Column 1 | Row 2 Column 2 | Row 2 Column 3 |
| Row 3 Lorem Amet | Row 3 Column 1 | Row 3 Column 2 | Row 3 Column 3 |
