Table

Display larger amounts of information in a scannable UI.

Examples

Table basic usage
Name
Age
Address
Sarah Brown
31
100 Broadway st. New York City, New York
Jane Smith
32
100 Market st. San Francisco, California
Joe Black
33
100 Macquarie st. Sydney, Australia
Table with vertical scroll
Name
Age
Address
Sarah Brown
31
100 Broadway st. New York City, New York
Jane Smith
32
100 Market st. San Francisco, California
Joe Black
33
100 Macquarie st. Sydney, Australia
Sarah Brown
31
100 Broadway st. New York City, New York
Jane Smith
32
100 Market st. San Francisco, California
Joe Black
33
100 Macquarie st. Sydney, Australia
Sarah Brown
31
100 Broadway st. New York City, New York
Jane Smith
32
100 Market st. San Francisco, California
Joe Black
33
100 Macquarie st. Sydney, Australia
Sarah Brown
31
100 Broadway st. New York City, New York
Jane Smith
32
100 Market st. San Francisco, California
Joe Black
33
100 Macquarie st. Sydney, Australia
Table with horizontal scroll
Id
First Name
Last Name
Age
Address
1
Sarah
Brown
31
100 Broadway st. New York City, New York
2
Jane
Smith
32
100 Market st. San Francisco, California
3
Joe
Black
33
100 Macquarie st. Sydney, Australia
1
Sarah
Brown
31
100 Broadway st. New York City, New York
2
Jane
Smith
32
100 Market st. San Francisco, California
3
Joe
Black
33
100 Macquarie st. Sydney, Australia
1
Sarah
Brown
31
100 Broadway st. New York City, New York
2
Jane
Smith
32
100 Market st. San Francisco, California
3
Joe
Black
33
100 Macquarie st. Sydney, Australia
1
Sarah
Brown
31
100 Broadway st. New York City, New York
2
Jane
Smith
32
100 Market st. San Francisco, California
3
Joe
Black
33
100 Macquarie st. Sydney, Australia

Virtualized Table Examples

If your product requires infinite scroll functionality rather than pagination, take a look at the examples below for how to integrate react-virtualized with the table component. Base UI does not contain react-virtualized internally. You will need to install it yourself.

Table with virtualized table body
Name
Age
Address
Table with virtualized horizontal scroll
Name
Age
Address