Tables

A basic table is a data structure that organizes information into rows and columns. It can be used to both store and display data in a structured format. For example, databases store data in tables so that information can be quickly accessed from specific rows.

Related Patterns

View Demo
Design
HTML

CSS Classes:

1. .table

  • The main component class. Used on the parent table element.

2. .table-thead

  • The table header component. Used on the thead element.

3. .table-tbody

  • The table body component. Used on the tbody element.

4. .table-tfoot

  • The table footer component. Used on the tfoot element.

5. --numericData

  • Modifier class for table cells containing numeric data. Styles content by aligning to the right. Applied to td.table-cell and th.table-header