diff --git a/packages/react-table/src/components/Table/Tr.tsx b/packages/react-table/src/components/Table/Tr.tsx index 715ca98d30e..04eeb35c353 100644 --- a/packages/react-table/src/components/Table/Tr.tsx +++ b/packages/react-table/src/components/Table/Tr.tsx @@ -28,6 +28,8 @@ export interface TrProps extends Omit, 'onR isStriped?: boolean; /** Flag indicating the row will act as a border. This is typically used for a table with a nested and sticky header. */ isBorderRow?: boolean; + /** Flag indicating the row is controlling the expansion of another row. */ + isControlRow?: boolean; /** An event handler for the row */ onRowClick?: (event?: React.KeyboardEvent | React.MouseEvent) => void; /** Flag indicating that the row is selectable */ @@ -50,6 +52,7 @@ const TrBase: React.FunctionComponent = ({ isRowSelected = false, isStriped = false, isBorderRow = false, + isControlRow = false, innerRef, ouiaId, ouiaSafe = true, @@ -100,6 +103,7 @@ const TrBase: React.FunctionComponent = ({ isRowSelected && styles.modifiers.selected, isStriped && styles.modifiers.striped, isBorderRow && styles.modifiers.borderRow, + isControlRow && styles.tableControlRow, resetOffset && styles.modifiers.firstCellOffsetReset )} hidden={rowIsHidden} diff --git a/packages/react-table/src/components/Table/examples/TableCompoundExpandable.tsx b/packages/react-table/src/components/Table/examples/TableCompoundExpandable.tsx index 6e4253e88b7..1b7d999d542 100644 --- a/packages/react-table/src/components/Table/examples/TableCompoundExpandable.tsx +++ b/packages/react-table/src/components/Table/examples/TableCompoundExpandable.tsx @@ -75,7 +75,7 @@ export const TableCompoundExpandable: React.FunctionComponent = () => { const isRowExpanded = !!expandedCellKey; return ( - + {repo.name}