John Doe
Functional Areas
Select a functional area to switch to.
UI Elements
Reusable elements built to provide buttons, dropdowns, input, navigation, alerts, and much more
Forms
Forms are used to collect user information with different element types of inputs.
Charts
A sheet of information in the form of a table, graph, or diagram.
Maps
An interactive display of geographic information that you can use for location and more.
Tables
A collection basic to advanced table design that you can use to your data.
Utilities
A collection of helper classes as additional styles to an element.
Components Tables Basic Tables

Basic Tables

Using the most basic table markup.

ID Name Position Salary
1 Tiger Nixon System Architect $320,800
2 Garrett Winters Accountant $170,750
3 Ashton Cox Junior Technical Author $86,000
4 Cedric Kelly Senior Javascript Developer $433,060
5 Airi Satou Accountant $162,700

Add zebra-striping to any table row.

ID Name Position Salary
1 Tiger Nixon System Architect $320,800
2 Garrett Winters Accountant $170,750
3 Ashton Cox Junior Technical Author $86,000
4 Cedric Kelly Senior Javascript Developer $433,060
5 Airi Satou Accountant $162,700

Add borders on all sides of the table and cells.

ID Name Position Salary
1 Tiger Nixon System Architect $320,800
2 Garrett Winters Accountant $170,750
3 Ashton Cox Junior Technical Author $86,000
4 Cedric Kelly Senior Javascript Developer $433,060
5 Airi Satou Accountant $162,700

To enable a hover state on table rows.

ID Name Position Salary
1 Tiger Nixon System Architect $320,800
2 Garrett Winters Accountant $170,750
3 Ashton Cox Junior Technical Author $86,000
4 Cedric Kelly Senior Javascript Developer $433,060
5 Airi Satou Accountant $162,700