Table

Tables are great for presenting information with a clear, repeating structure. Our users are busy and may not want to read long sections of text. Breaking structured data into tables can help them scan it and find what they need to make informed decisions.

While tables present a clear structure, they are not good for designing layouts. Use them only when data you are presenting calls for a tabular structure, for example prices for various travel dates or multiple options for baggage.

Based on react-table.

Virtualized table

Row Index
First Name
Last Name
Age
Visits
Status
Profile Progress
0
poet-69xi5
ticket-w1ecs
17
67
complicated
81
1
plants-s1duy
process-1fmx6
22
4
complicated
81
2
bag-g6kku
cry-xuu33
22
33
single
85
3
leaf-yvfao
net-qpmob
23
97
single
97
4
seashore-hznjg
earth-of2b0
6
68
relationship
65
5
letters-ux7u1
cactus-oibcl
12
46
single
73
6
cakes-6lz1k
bait-idaqz
26
71
single
7
7
tennis-eq7bb
lip-ith8m
24
52
complicated
12
8
difference-vjga0
downtown-t3dmh
11
18
relationship
85
9
nose-jjnbx
drum-u3dci
14
2
relationship
72