@@ -69,9 +69,12 @@ export const Usage = () => (
69
69
< Table { ...getTableProps ( ) } >
70
70
< TableHead >
71
71
< TableRow >
72
- < TableExpandHeader />
72
+ < TableExpandHeader id = "expand" />
73
73
{ headers . map ( ( header , i ) => (
74
- < TableHeader key = { i } { ...getHeaderProps ( { header } ) } >
74
+ < TableHeader
75
+ id = { header . header }
76
+ key = { i }
77
+ { ...getHeaderProps ( { header } ) } >
75
78
{ header . header }
76
79
</ TableHeader >
77
80
) ) }
@@ -138,9 +141,12 @@ export const ExtraSmallExpansion = () => (
138
141
< Table { ...getTableProps ( ) } size = "compact" >
139
142
< TableHead >
140
143
< TableRow >
141
- < TableExpandHeader />
144
+ < TableExpandHeader id = "expand" />
142
145
{ headers . map ( ( header , i ) => (
143
- < TableHeader key = { i } { ...getHeaderProps ( { header } ) } >
146
+ < TableHeader
147
+ id = { header . header }
148
+ key = { i }
149
+ { ...getHeaderProps ( { header } ) } >
144
150
{ header . header }
145
151
</ TableHeader >
146
152
) ) }
@@ -186,9 +192,12 @@ export const SmallExpansion = () => (
186
192
< Table { ...getTableProps ( ) } size = "sm" >
187
193
< TableHead >
188
194
< TableRow >
189
- < TableExpandHeader />
195
+ < TableExpandHeader id = "expand" />
190
196
{ headers . map ( ( header , i ) => (
191
- < TableHeader key = { i } { ...getHeaderProps ( { header } ) } >
197
+ < TableHeader
198
+ id = { header . header }
199
+ key = { i }
200
+ { ...getHeaderProps ( { header } ) } >
192
201
{ header . header }
193
202
</ TableHeader >
194
203
) ) }
@@ -234,9 +243,12 @@ export const MediumExpansion = () => (
234
243
< Table { ...getTableProps ( ) } size = "md" >
235
244
< TableHead >
236
245
< TableRow >
237
- < TableExpandHeader />
246
+ < TableExpandHeader id = "expand" />
238
247
{ headers . map ( ( header , i ) => (
239
- < TableHeader key = { i } { ...getHeaderProps ( { header } ) } >
248
+ < TableHeader
249
+ id = { header . header }
250
+ key = { i }
251
+ { ...getHeaderProps ( { header } ) } >
240
252
{ header . header }
241
253
</ TableHeader >
242
254
) ) }
@@ -282,9 +294,12 @@ export const ExtraLargeExpansion = () => (
282
294
< Table { ...getTableProps ( ) } size = "xl" >
283
295
< TableHead >
284
296
< TableRow >
285
- < TableExpandHeader />
297
+ < TableExpandHeader id = "expand" />
286
298
{ headers . map ( ( header , i ) => (
287
- < TableHeader key = { i } { ...getHeaderProps ( { header } ) } >
299
+ < TableHeader
300
+ id = { header . header }
301
+ key = { i }
302
+ { ...getHeaderProps ( { header } ) } >
288
303
{ header . header }
289
304
</ TableHeader >
290
305
) ) }
@@ -333,9 +348,16 @@ export const BatchExpansion = () => (
333
348
< Table { ...getTableProps ( ) } >
334
349
< TableHead >
335
350
< TableRow >
336
- < TableExpandHeader enableToggle { ...getExpandHeaderProps ( ) } />
351
+ < TableExpandHeader
352
+ id = "expand"
353
+ enableToggle
354
+ { ...getExpandHeaderProps ( ) }
355
+ />
337
356
{ headers . map ( ( header , i ) => (
338
- < TableHeader key = { i } { ...getHeaderProps ( { header } ) } >
357
+ < TableHeader
358
+ id = { header . header }
359
+ key = { i }
360
+ { ...getHeaderProps ( { header } ) } >
339
361
{ header . header }
340
362
</ TableHeader >
341
363
) ) }
0 commit comments