diff --git a/docs/docs/components/table.mdx b/docs/docs/components/table.mdx index 440be9b..bcf9220 100644 --- a/docs/docs/components/table.mdx +++ b/docs/docs/components/table.mdx @@ -290,6 +290,8 @@ import { | horizontalSpacing | `string` | `0` | Yes | | overrideTableClass | `string` | - | Yes | | overrideTableContainerClass | `string` | - | Yes | +| wrapperStyle | `CSS Style Object` | - | Yes | +| wrapperClassName | `string` | - | Yes | The table component renders a `div` that wraps the table to not allow the table to overflow the parent, this can be customized by sending a class to `overrideTableContainerClass` diff --git a/packages/react/src/components/Table/Table.tsx b/packages/react/src/components/Table/Table.tsx index 441d2e7..64f3c77 100644 --- a/packages/react/src/components/Table/Table.tsx +++ b/packages/react/src/components/Table/Table.tsx @@ -27,6 +27,8 @@ const Table: ForwardRefRenderFunction = ( children, className, style, + wrapperStyle, + wrapperClassName, horizontalSpacing = "0", ...nativeProps }, @@ -50,9 +52,9 @@ const Table: ForwardRefRenderFunction = ( return (