fix(react): fix ally issue in datatable in storybook (#11217)

* fix(react): fix ally issue in datatable in storybook * chore(react): fix missing ids and missing expandHeader Co-authored-by: Alessandra Davila <adavila91@gmail.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Apr 25, 2022 · 52e4888 · 52e4888
1 parent 6b359e6
commit 52e4888
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/react/src/components/DataTable/next/expansion/DataTable-expansion.stories.js b/packages/react/src/components/DataTable/next/expansion/DataTable-expansion.stories.js
@@ -78,7 +78,7 @@ export const Usage = (args) => (
         <Table {...getTableProps()}>
           <TableHead>
             <TableRow>
-              <TableExpandHeader />
+              <TableExpandHeader id="expand" />
               {headers.map((header, i) => (
                 <TableHeader key={i} {...getHeaderProps({ header })}>
                   {header.header}
@@ -89,7 +89,7 @@ export const Usage = (args) => (
           <TableBody>
             {rows.map((row) => (
               <React.Fragment key={row.id}>
-                <TableExpandRow {...getRowProps({ row })}>
+                <TableExpandRow expandHeader="expand" {...getRowProps({ row })}>
                   {row.cells.map((cell) => (
                     <TableCell key={cell.id}>{cell.value}</TableCell>
                   ))}
@@ -131,6 +131,7 @@ export const BatchExpansion = (args) => (
           <TableHead>
             <TableRow>
               <TableExpandHeader
+                id="expand"
                 enableExpando={true}
                 {...getExpandHeaderProps()}
               />
@@ -144,7 +145,7 @@ export const BatchExpansion = (args) => (
           <TableBody>
             {rows.map((row) => (
               <React.Fragment key={row.id}>
-                <TableExpandRow {...getRowProps({ row })}>
+                <TableExpandRow expandHeader="expand" {...getRowProps({ row })}>
                   {row.cells.map((cell) => (
                     <TableCell key={cell.id}>{cell.value}</TableCell>
                   ))}