diff --git a/src/Table/index.tsx b/src/Table/index.tsx index 726a258d..ff7f2396 100644 --- a/src/Table/index.tsx +++ b/src/Table/index.tsx @@ -122,7 +122,11 @@ export const Table = ({ return ( - + {withHeaders && ( diff --git a/src/Table/styled.tsx b/src/Table/styled.tsx index c90c95de..158b3e7f 100644 --- a/src/Table/styled.tsx +++ b/src/Table/styled.tsx @@ -90,7 +90,12 @@ export const TableContainer = styled(TableContainerComp, { `; const TableContainerInnerComp = ( - props: React.PropsWithChildren<{ className?: string; withFilters?: boolean; withTabs?: boolean }>, + props: React.PropsWithChildren<{ + className?: string; + withFilters?: boolean; + withTabs?: boolean; + withSideBorders?: boolean; + }>, ) =>
; export const TableContainerInner = styled(TableContainerInnerComp, { shouldForwardProp: (prop) => isPropValid(prop), @@ -98,6 +103,7 @@ export const TableContainerInner = styled(TableContainerInnerComp, { width: 100%; max-width: 100%; overflow-x: auto; + ${(props) => props.withSideBorders && `border-right: 1px solid ${colors.grey_2}`}; ${(props) => props.withFilters && `