Table
In progress
ARIA
A component for displaying large amounts of data in rows and columns.
Based on react-table.
Default
First Name
Last Name
Age
Visits
Activity
Status
Test
Test
0
0
0
0
Test
Test
30
100
100
100
Test
Test
60
200
200
200
Test
Test
90
300
300
300
Test
Test
120
400
400
400
With cell borders
First Name
Last Name
Age
Visits
Activity
Status
Test
Test
0
0
0
0
Test
Test
30
100
100
100
Test
Test
60
200
200
200
Test
Test
90
300
300
300
Test
Test
120
400
400
400
Different row gaps
First Name
Last Name
Age
Visits
Activity
Status
Test
Test
0
0
0
0
Test
Test
30
100
100
100
First Name
Last Name
Age
Visits
Activity
Status
Test
Test
0
0
0
0
Test
Test
30
100
100
100
First Name
Last Name
Age
Visits
Activity
Status
Test
Test
0
0
0
0
Test
Test
30
100
100
100
First Name
Last Name
Age
Visits
Activity
Status
Test
Test
0
0
0
0
Test
Test
30
100
100
100
First Name
Last Name
Age
Visits
Activity
Status
Test
Test
0
0
0
0
Test
Test
30
100
100
100
Different row sizes
First Name
Last Name
Age
Visits
Activity
Status
Test
Test
0
0
0
0
Test
Test
30
100
100
100
First Name
Last Name
Age
Visits
Activity
Status
Test
Test
0
0
0
0
Test
Test
30
100
100
100
First Name
Last Name
Age
Visits
Activity
Status
Test
Test
0
0
0
0
Test
Test
30
100
100
100
First Name
Last Name
Age
Visits
Activity
Status
Test
Test
0
0
0
0
Test
Test
30
100
100
100
First Name
Last Name
Age
Visits
Activity
Status
Test
Test
0
0
0
0
Test
Test
30
100
100
100
First Name
Last Name
Age
Visits
Activity
Status
Test
Test
0
0
0
0
Test
Test
30
100
100
100
Clickable rows
Name
Info
Progress
First Name
Last Name
Age
Visits
Activity
Status
Profile Progress
Test
Test
0
0
0
0
0
Test
Test
30
100
100
100
100
Test
Test
60
200
200
200
200
Test
Test
90
300
300
300
300
Test
Test
120
400
400
400
400
Test
Test
150
500
500
500
500
Test
Test
180
600
600
600
600
Test
Test
210
700
700
700
700
Test
Test
240
800
800
800
800
Test
Test
270
900
900
900
900
Test
Test
300
1000
1000
1000
1000
Test
Test
330
1100
1100
1100
1100
Test
Test
360
1200
1200
1200
1200
Test
Test
390
1300
1300
1300
1300
Test
Test
420
1400
1400
1400
1400
Test
Test
450
1500
1500
1500
1500
Test
Test
480
1600
1600
1600
1600
Test
Test
510
1700
1700
1700
1700
Test
Test
540
1800
1800
1800
1800
Test
Test
570
1900
1900
1900
1900
Test
Test
600
2000
2000
2000
2000
Test
Test
630
2100
2100
2100
2100
Test
Test
660
2200
2200
2200
2200
Test
Test
690
2300
2300
2300
2300
Test
Test
720
2400
2400
2400
2400
Test
Test
750
2500
2500
2500
2500
Test
Test
780
2600
2600
2600
2600
Test
Test
810
2700
2700
2700
2700
Test
Test
840
2800
2800
2800
2800
Test
Test
870
2900
2900
2900
2900
Test
Test
900
3000
3000
3000
3000
Test
Test
930
3100
3100
3100
3100
Test
Test
960
3200
3200
3200
3200
Test
Test
990
3300
3300
3300
3300
Test
Test
1020
3400
3400
3400
3400
Test
Test
1050
3500
3500
3500
3500
Test
Test
1080
3600
3600
3600
3600
Test
Test
1110
3700
3700
3700
3700
Test
Test
1140
3800
3800
3800
3800
Test
Test
1170
3900
3900
3900
3900
Name footer
Info footer
Progress footer
Selectable rows
Name
Info
Progress
First Name
Last Name
Age
Visits
Activity
Status
Profile Progress
Test
Test
0
0
0
0
0
Test
Test
30
100
100
100
100
Test
Test
60
200
200
200
200
Test
Test
90
300
300
300
300
Test
Test
120
400
400
400
400
Name footer
Info footer
Progress footer
Selectable checkboxes
Select
Name
Info
Progress
First Name
Last Name
Age
Visits
Activity
Status
Profile Progress
Test
Test
0
0
0
0
0
Test
Test
30
100
100
100
100
Test
Test
60
200
200
200
200
Test
Test
90
300
300
300
300
Test
Test
120
400
400
400
400
Test
Test
150
500
500
500
500
Test
Test
180
600
600
600
600
Test
Test
210
700
700
700
700
Test
Test
240
800
800
800
800
Test
Test
270
900
900
900
900
Test
Test
300
1000
1000
1000
1000
Test
Test
330
1100
1100
1100
1100
Test
Test
360
1200
1200
1200
1200
Test
Test
390
1300
1300
1300
1300
Test
Test
420
1400
1400
1400
1400
Test
Test
450
1500
1500
1500
1500
Test
Test
480
1600
1600
1600
1600
Test
Test
510
1700
1700
1700
1700
Test
Test
540
1800
1800
1800
1800
Test
Test
570
1900
1900
1900
1900
Test
Test
600
2000
2000
2000
2000
Test
Test
630
2100
2100
2100
2100
Test
Test
660
2200
2200
2200
2200
Test
Test
690
2300
2300
2300
2300
Test
Test
720
2400
2400
2400
2400
Test
Test
750
2500
2500
2500
2500
Test
Test
780
2600
2600
2600
2600
Test
Test
810
2700
2700
2700
2700
Test
Test
840
2800
2800
2800
2800
Test
Test
870
2900
2900
2900
2900
Test
Test
900
3000
3000
3000
3000
Test
Test
930
3100
3100
3100
3100
Test
Test
960
3200
3200
3200
3200
Test
Test
990
3300
3300
3300
3300
Test
Test
1020
3400
3400
3400
3400
Test
Test
1050
3500
3500
3500
3500
Test
Test
1080
3600
3600
3600
3600
Test
Test
1110
3700
3700
3700
3700
Test
Test
1140
3800
3800
3800
3800
Test
Test
1170
3900
3900
3900
3900
Name footer
Info footer
Progress footer
Custom colors
Name
Info
Progress
First Name
Last Name
Age
Visits
Activity
Profile Progress
Test
Test
0
0
0
0
Test
Test
30
100
100
100
Test
Test
60
200
200
200
Test
Test
90
300
300
300
Test
Test
120
400
400
400
Test
Test
150
500
500
500
Test
Test
180
600
600
600
Test
Test
210
700
700
700
Test
Test
240
800
800
800
Test
Test
270
900
900
900
Test
Test
300
1000
1000
1000
Test
Test
330
1100
1100
1100
Test
Test
360
1200
1200
1200
Test
Test
390
1300
1300
1300
Test
Test
420
1400
1400
1400
Test
Test
450
1500
1500
1500
Test
Test
480
1600
1600
1600
Test
Test
510
1700
1700
1700
Test
Test
540
1800
1800
1800
Test
Test
570
1900
1900
1900
Test
Test
600
2000
2000
2000
Test
Test
630
2100
2100
2100
Test
Test
660
2200
2200
2200
Test
Test
690
2300
2300
2300
Test
Test
720
2400
2400
2400
Test
Test
750
2500
2500
2500
Test
Test
780
2600
2600
2600
Test
Test
810
2700
2700
2700
Test
Test
840
2800
2800
2800
Test
Test
870
2900
2900
2900
Test
Test
900
3000
3000
3000
Test
Test
930
3100
3100
3100
Test
Test
960
3200
3200
3200
Test
Test
990
3300
3300
3300
Test
Test
1020
3400
3400
3400
Test
Test
1050
3500
3500
3500
Test
Test
1080
3600
3600
3600
Test
Test
1110
3700
3700
3700
Test
Test
1140
3800
3800
3800
Test
Test
1170
3900
3900
3900
Name footer
Info footer
Progress footer
Expanded Rows
Expand
Name
Info
Progress
First Name
Age
Visits
Activity
Status
Profile Progress
Test
0
0
0
0
0
Test
30
100
100
100
100
Test
60
200
200
200
200
Test
90
300
300
300
300
Test
120
400
400
400
400
Test
150
500
500
500
500
Test
180
600
600
600
600
Test
210
700
700
700
700
Test
240
800
800
800
800
Test
270
900
900
900
900
Test
300
1000
1000
1000
1000
Test
330
1100
1100
1100
1100
Test
360
1200
1200
1200
1200
Test
390
1300
1300
1300
1300
Test
420
1400
1400
1400
1400
Test
450
1500
1500
1500
1500
Test
480
1600
1600
1600
1600
Test
510
1700
1700
1700
1700
Test
540
1800
1800
1800
1800
Test
570
1900
1900
1900
1900
Test
600
2000
2000
2000
2000
Test
630
2100
2100
2100
2100
Test
660
2200
2200
2200
2200
Test
690
2300
2300
2300
2300
Test
720
2400
2400
2400
2400
Test
750
2500
2500
2500
2500
Test
780
2600
2600
2600
2600
Test
810
2700
2700
2700
2700
Test
840
2800
2800
2800
2800
Test
870
2900
2900
2900
2900
Test
900
3000
3000
3000
3000
Test
930
3100
3100
3100
3100
Test
960
3200
3200
3200
3200
Test
990
3300
3300
3300
3300
Test
1020
3400
3400
3400
3400
Test
1050
3500
3500
3500
3500
Test
1080
3600
3600
3600
3600
Test
1110
3700
3700
3700
3700
Test
1140
3800
3800
3800
3800
Test
1170
3900
3900
3900
3900
With Sorting
Name
Info
Progress
First Name
Last Name
Age
Visits
Activity
Status
Profile Progress
Test 0
Test 0
30
25
120
10
40
Test 1
Test 1
31
26
121
11
41
Test 2
Test 2
32
27
122
12
42
Test 3
Test 3
33
28
123
13
43
Test 4
Test 4
34
29
124
14
44
Test 5
Test 5
35
30
125
15
45
Test 6
Test 6
36
31
126
16
46
Test 7
Test 7
37
32
127
17
47
Test 8
Test 8
38
33
128
18
48
Test 9
Test 9
39
34
129
19
49
Test 10
Test 10
40
35
130
20
50
Test 11
Test 11
41
36
131
21
51
Test 12
Test 12
42
37
132
22
52
Test 13
Test 13
43
38
133
23
53
Test 14
Test 14
44
39
134
24
54
Test 15
Test 15
45
40
135
25
55
Test 16
Test 16
46
41
136
26
56
Test 17
Test 17
47
42
137
27
57
Test 18
Test 18
48
43
138
28
58
Test 19
Test 19
49
44
139
29
59
Test 20
Test 20
50
45
140
30
60
Test 21
Test 21
51
46
141
31
61
Test 22
Test 22
52
47
142
32
62
Test 23
Test 23
53
48
143
33
63
Test 24
Test 24
54
49
144
34
64
Test 25
Test 25
55
50
145
35
65
Test 26
Test 26
56
51
146
36
66
Test 27
Test 27
57
52
147
37
67
Test 28
Test 28
58
53
148
38
68
Test 29
Test 29
59
54
149
39
69
Test 30
Test 30
60
55
150
40
70
Test 31
Test 31
61
56
151
41
71
Test 32
Test 32
62
57
152
42
72
Test 33
Test 33
63
58
153
43
73
Test 34
Test 34
64
59
154
44
74
Test 35
Test 35
65
60
155
45
75
Test 36
Test 36
66
61
156
46
76
Test 37
Test 37
67
62
157
47
77
Test 38
Test 38
68
63
158
48
78
Test 39
Test 39
69
64
159
49
79
Expanded Rows with deep nesting
Name
Age
Visits
Activity
Test
0
0
0
Test
30
100
100
Test
60
200
200
Test
90
300
300
Test
120
400
400
Test
150
500
500
Test
180
600
600
Test
210
700
700
Test
240
800
800
Test
270
900
900
Test
300
1000
1000
Test
330
1100
1100
Test
360
1200
1200
Test
390
1300
1300
Test
420
1400
1400
Test
450
1500
1500
Test
480
1600
1600
Test
510
1700
1700
Test
540
1800
1800
Test
570
1900
1900
Expanded rows with state keeping
Expand
Name
Info
Actions
First Name
Age
Visits
Activity
Status
Profile Progress
Actions
Test
0
0
0
0
0
Test
30
100
100
100
100
Test
60
200
200
200
200
Test
90
300
300
300
300
Test
120
400
400
400
400
Test
150
500
500
500
500
Test
180
600
600
600
600
Test
210
700
700
700
700
Test
240
800
800
800
800
Test
270
900
900
900
900
Test
300
1000
1000
1000
1000
Test
330
1100
1100
1100
1100
Test
360
1200
1200
1200
1200
Test
390
1300
1300
1300
1300
Test
420
1400
1400
1400
1400
Test
450
1500
1500
1500
1500
Test
480
1600
1600
1600
1600
Test
510
1700
1700
1700
1700
Test
540
1800
1800
1800
1800
Test
570
1900
1900
1900
1900
Test
600
2000
2000
2000
2000
Test
630
2100
2100
2100
2100
Test
660
2200
2200
2200
2200
Test
690
2300
2300
2300
2300
Test
720
2400
2400
2400
2400
Test
750
2500
2500
2500
2500
Test
780
2600
2600
2600
2600
Test
810
2700
2700
2700
2700
Test
840
2800
2800
2800
2800
Test
870
2900
2900
2900
2900
Test
900
3000
3000
3000
3000
Test
930
3100
3100
3100
3100
Test
960
3200
3200
3200
3200
Test
990
3300
3300
3300
3300
Test
1020
3400
3400
3400
3400
Test
1050
3500
3500
3500
3500
Test
1080
3600
3600
3600
3600
Test
1110
3700
3700
3700
3700
Test
1140
3800
3800
3800
3800
Test
1170
3900
3900
3900
3900
Expanded selectable rows with checkboxes
Expand/Select
Name
Info
Actions
First Name
Age
Visits
Activity
Status
Profile Progress
Actions
Test lvl1
36
50
54
19
20
Expanded rows with custom content
Expand
First Name
Age
Test
0
Test
30
Test
60
Test
90
Test
120
Test
150
Test
180
Test
210
Test
240
Test
270
Test
300
Test
330
Test
360
Test
390
Test
420
Test
450
Test
480
Test
510
Test
540
Test
570
Test
600
Test
630
Test
660
Test
690
Test
720
Test
750
Test
780
Test
810
Test
840
Test
870
Test
900
Test
930
Test
960
Test
990
Test
1020
Test
1050
Test
1080
Test
1110
Test
1140
Test
1170
With minimap
Name
Info
Info1
Info2
Info3
Info4
Progress
First Name
Last Name
Age
Visits
Activity
Age1
Visits1
Activity1
Age2
Visits2
Activity2
Age3
Visits3
Activity3
Age4
Visits4
Activity4
Profile Progress
Test
Test
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
Test
Test
30
100
100
30
100
100
30
100
100
30
100
100
30
100
100
100
Test
Test
60
200
200
60
200
200
60
200
200