diff --git a/packages/react-table/src/components/Table/SelectColumn.tsx b/packages/react-table/src/components/Table/SelectColumn.tsx index deefaf0657b..c2e2de64205 100644 --- a/packages/react-table/src/components/Table/SelectColumn.tsx +++ b/packages/react-table/src/components/Table/SelectColumn.tsx @@ -13,7 +13,7 @@ export interface SelectColumnProps { onSelect?: (event: React.FormEvent) => void; selectVariant?: RowSelectVariant; /** text to display on the tooltip */ - tooltip?: string; + tooltip?: React.ReactNode; /** other props to pass to the tooltip */ tooltipProps?: Omit; } diff --git a/packages/react-table/src/components/Table/SortColumn.tsx b/packages/react-table/src/components/Table/SortColumn.tsx index 5c51914abab..9e5945195ca 100644 --- a/packages/react-table/src/components/Table/SortColumn.tsx +++ b/packages/react-table/src/components/Table/SortColumn.tsx @@ -18,7 +18,7 @@ export interface SortColumnProps extends React.ButtonHTMLAttributes; tooltipHasDefaultBehavior?: boolean; } diff --git a/packages/react-table/src/components/Table/TableText.tsx b/packages/react-table/src/components/Table/TableText.tsx index 15cba859c31..8293160e456 100644 --- a/packages/react-table/src/components/Table/TableText.tsx +++ b/packages/react-table/src/components/Table/TableText.tsx @@ -26,7 +26,7 @@ export interface TableTextProps extends React.HTMLProps { /** Determines which wrapping modifier to apply to the table text */ wrapModifier?: WrapModifier | 'wrap' | 'nowrap' | 'truncate' | 'breakWord' | 'fitContent'; /** text to display on the tooltip */ - tooltip?: string; + tooltip?: React.ReactNode; /** other props to pass to the tooltip */ tooltipProps?: Omit; /** callback used to create the tooltip if text is truncated */ diff --git a/packages/react-table/src/components/Table/TableTypes.tsx b/packages/react-table/src/components/Table/TableTypes.tsx index 0111d990811..e0658d41f3e 100644 --- a/packages/react-table/src/components/Table/TableTypes.tsx +++ b/packages/react-table/src/components/Table/TableTypes.tsx @@ -132,7 +132,7 @@ export interface IExtra extends IExtraData { rowData?: IRowData; className?: string; ariaLabel?: string; - tooltip?: string; + tooltip?: React.ReactNode; tooltipProps?: Omit; tooltipHasDefaultBehavior?: boolean; } diff --git a/packages/react-table/src/components/Table/Th.tsx b/packages/react-table/src/components/Table/Th.tsx index d2ef2034be9..aaa07a5bcfe 100644 --- a/packages/react-table/src/components/Table/Th.tsx +++ b/packages/react-table/src/components/Table/Th.tsx @@ -225,6 +225,7 @@ const ThBase: React.FunctionComponent = ({ triggerRef={cellRef as React.RefObject} content={tooltip || (tooltip === '' && children)} isVisible + {...tooltipProps} /> ) : (