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.

Descriptive Table Caption
  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