diff --git a/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableHeader_EuiTableHeaderCell_Tooltip.png b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableHeader_EuiTableHeaderCell_Tooltip.png
new file mode 100644
index 00000000000..4c567086527
Binary files /dev/null and b/packages/eui/.loki/reference/chrome_desktop_Tabular_Content_EuiTable_EuiTableHeader_EuiTableHeaderCell_Tooltip.png differ
diff --git a/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableHeader_EuiTableHeaderCell_Tooltip.png b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableHeader_EuiTableHeaderCell_Tooltip.png
new file mode 100644
index 00000000000..c0790fc000a
Binary files /dev/null and b/packages/eui/.loki/reference/chrome_mobile_Tabular_Content_EuiTable_EuiTableHeader_EuiTableHeaderCell_Tooltip.png differ
diff --git a/packages/eui/changelogs/upcoming/8273.md b/packages/eui/changelogs/upcoming/8273.md
new file mode 100644
index 00000000000..2ada4de6e52
--- /dev/null
+++ b/packages/eui/changelogs/upcoming/8273.md
@@ -0,0 +1,3 @@
+- Updated table components to support adding tooltips to header cells
+  - Added `columns.nameTooltip` on `EuiBasicTable`
+  - Added `tooltipProps` prop on `EuiTableHeaderCell`
diff --git a/packages/eui/i18ntokens.json b/packages/eui/i18ntokens.json
index 3781ade598b..5568e088cee 100644
--- a/packages/eui/i18ntokens.json
+++ b/packages/eui/i18ntokens.json
@@ -7181,4 +7181,4 @@
     },
     "filepath": "src/components/tree_view/tree_view.tsx"
   }
-]
\ No newline at end of file
+]
diff --git a/packages/eui/src-docs/src/views/tables/in_memory/in_memory.tsx b/packages/eui/src-docs/src/views/tables/in_memory/in_memory.tsx
index c1b7a6ae175..9d7b60fca93 100644
--- a/packages/eui/src-docs/src/views/tables/in_memory/in_memory.tsx
+++ b/packages/eui/src-docs/src/views/tables/in_memory/in_memory.tsx
@@ -85,6 +85,9 @@ const columns: Array<EuiBasicTableColumn<User>> = [
   {
     field: 'location',
     name: 'Location',
+    nameTooltip: {
+      content: 'The city and country in which this person resides',
+    },
     truncateText: true,
     textOnly: true,
     render: (location: User['location']) => {
diff --git a/packages/eui/src-docs/src/views/tables/sorting/sorting.tsx b/packages/eui/src-docs/src/views/tables/sorting/sorting.tsx
index ac67d9a9ecf..30239490a11 100644
--- a/packages/eui/src-docs/src/views/tables/sorting/sorting.tsx
+++ b/packages/eui/src-docs/src/views/tables/sorting/sorting.tsx
@@ -8,9 +8,7 @@ import {
   EuiTableSortingType,
   Criteria,
   EuiHealth,
-  EuiIcon,
   EuiLink,
-  EuiToolTip,
   EuiFlexGroup,
   EuiFlexItem,
   EuiSwitch,
@@ -76,19 +74,10 @@ const columns: Array<EuiBasicTableColumn<User>> = [
   },
   {
     field: 'github',
-    name: (
-      <EuiToolTip content="Their mascot is the Octokitty">
-        <>
-          Github{' '}
-          <EuiIcon
-            size="s"
-            color="subdued"
-            type="questionInCircle"
-            className="eui-alignTop"
-          />
-        </>
-      </EuiToolTip>
-    ),
+    name: 'GibHub',
+    nameTooltip: {
+      content: 'Their mascot is the Octokitty',
+    },
     render: (username: User['github']) => (
       <EuiLink href="#" target="_blank">
         {username}
@@ -97,37 +86,19 @@ const columns: Array<EuiBasicTableColumn<User>> = [
   },
   {
     field: 'dateOfBirth',
-    name: (
-      <EuiToolTip content="Colloquially known as a 'birthday'">
-        <>
-          Date of Birth{' '}
-          <EuiIcon
-            size="s"
-            color="subdued"
-            type="questionInCircle"
-            className="eui-alignTop"
-          />
-        </>
-      </EuiToolTip>
-    ),
+    name: 'Date of Birth',
+    nameTooltip: {
+      content: "Colloquially known as a 'birthday'",
+    },
     render: (dateOfBirth: User['dateOfBirth']) =>
       formatDate(dateOfBirth, 'dobLong'),
   },
   {
     field: 'location',
-    name: (
-      <EuiToolTip content="The city and country in which this person resides">
-        <>
-          Nationality{' '}
-          <EuiIcon
-            size="s"
-            color="subdued"
-            type="questionInCircle"
-            className="eui-alignTop"
-          />
-        </>
-      </EuiToolTip>
-    ),
+    name: 'Nationality',
+    nameTooltip: {
+      content: 'The city and country in which this person resides',
+    },
     render: (location: User['location']) => {
       return `${location.city}, ${location.country}`;
     },
@@ -136,19 +107,10 @@ const columns: Array<EuiBasicTableColumn<User>> = [
   },
   {
     field: 'online',
-    name: (
-      <EuiToolTip content="Free to talk or busy with business">
-        <>
-          Online{' '}
-          <EuiIcon
-            size="s"
-            color="subdued"
-            type="questionInCircle"
-            className="eui-alignTop"
-          />
-        </>
-      </EuiToolTip>
-    ),
+    name: 'Online',
+    nameTooltip: {
+      content: 'Free to talk or busy with business',
+    },
     render: (online: User['online']) => {
       const color = online ? 'success' : 'danger';
       const label = online ? 'Online' : 'Offline';
diff --git a/packages/eui/src/components/basic_table/basic_table.stories.tsx b/packages/eui/src/components/basic_table/basic_table.stories.tsx
index b7f1929f78d..fd614305d7e 100644
--- a/packages/eui/src/components/basic_table/basic_table.stories.tsx
+++ b/packages/eui/src/components/basic_table/basic_table.stories.tsx
@@ -114,6 +114,9 @@ const columns: Array<EuiBasicTableColumn<User>> = [
   {
     field: 'location',
     name: 'Location',
+    nameTooltip: {
+      content: 'The city and country in which this person resides',
+    },
     truncateText: true,
     textOnly: true,
     render: (location: User['location']) => {
diff --git a/packages/eui/src/components/basic_table/basic_table.tsx b/packages/eui/src/components/basic_table/basic_table.tsx
index 3a3edf816b2..ee91e22059f 100644
--- a/packages/eui/src/components/basic_table/basic_table.tsx
+++ b/packages/eui/src/components/basic_table/basic_table.tsx
@@ -753,6 +753,7 @@ export class EuiBasicTable<T extends object = any> extends Component<
         field,
         width,
         name,
+        nameTooltip,
         align,
         dataType,
         sortable,
@@ -765,6 +766,7 @@ export class EuiBasicTable<T extends object = any> extends Component<
 
       const sharedProps = {
         width,
+        tooltipProps: nameTooltip,
         description,
         mobileOptions,
         align: columnAlign,
@@ -1280,6 +1282,7 @@ export class EuiBasicTable<T extends object = any> extends Component<
       sortable,
       footer,
       mobileOptions,
+      nameTooltip,
       ...rest
     } = column as EuiTableFieldDataColumnType<T>;
     const columnAlign = align || this.getAlignForDataType(dataType);
diff --git a/packages/eui/src/components/basic_table/in_memory_table.stories.tsx b/packages/eui/src/components/basic_table/in_memory_table.stories.tsx
index 53cd1889839..b4794b9bb5d 100644
--- a/packages/eui/src/components/basic_table/in_memory_table.stories.tsx
+++ b/packages/eui/src/components/basic_table/in_memory_table.stories.tsx
@@ -102,6 +102,9 @@ const columns: Array<EuiBasicTableColumn<User>> = [
   {
     field: 'location',
     name: 'Location',
+    nameTooltip: {
+      content: 'The city and country in which this person resides',
+    },
     truncateText: true,
     textOnly: true,
     render: (location: User['location']) => {
diff --git a/packages/eui/src/components/basic_table/table_types.ts b/packages/eui/src/components/basic_table/table_types.ts
index 3641f271c94..bd6418f9e80 100644
--- a/packages/eui/src/components/basic_table/table_types.ts
+++ b/packages/eui/src/components/basic_table/table_types.ts
@@ -12,10 +12,12 @@ import { Pagination } from './pagination_bar';
 import { Action } from './action_types';
 import { Primitive } from '../../services/sort/comparators';
 import { CommonProps } from '../common';
+import { IconType } from '../icon';
 import {
   EuiTableRowCellProps,
   EuiTableRowCellMobileOptionsShape,
 } from '../table/table_row_cell';
+import { EuiToolTipProps, EuiIconTipProps } from '../tool_tip';
 
 export type ItemId<T> = string | number | ((item: T) => string);
 export type ItemIdResolved = string | number;
@@ -31,6 +33,24 @@ export interface EuiTableFooterProps<T> {
   items: T[];
   pagination?: Pagination;
 }
+
+export type EuiTableColumnNameTooltipProps = {
+  /** The main content of the tooltip */
+  content: ReactNode;
+  /**
+   * The icon type to display
+   * @default 'questionInCircle'
+   */
+  icon?: IconType;
+  /** Additional props for EuiIcon */
+  iconProps?: EuiIconTipProps['iconProps'];
+  /** Additional props for the EuiToolip */
+  tooltipProps?: Omit<EuiToolTipProps, 'children' | 'delay' | 'position'> & {
+    delay?: EuiToolTipProps['delay'];
+    position?: EuiToolTipProps['position'];
+  };
+};
+
 export interface EuiTableFieldDataColumnType<T>
   extends CommonProps,
     Omit<TdHTMLAttributes<HTMLTableCellElement>, 'width' | 'align'> {
@@ -44,6 +64,10 @@ export interface EuiTableFieldDataColumnType<T>
    * The display name of the column
    */
   name: ReactNode;
+  /**
+   * Allows adding an icon with a tooltip displayed next to the name
+   */
+  nameTooltip?: EuiTableColumnNameTooltipProps;
   /**
    * A description of the column (will be presented as a title over the column header)
    */
@@ -118,6 +142,10 @@ export type EuiTableComputedColumnType<T> = CommonProps &
      * The display name of the column
      */
     name?: ReactNode;
+    /**
+     * Allows configuring an icon with a tooltip, to be displayed next to the name
+     */
+    nameTooltip?: EuiTableColumnNameTooltipProps;
     /**
      * If provided, allows this column to be sorted on. Must return the value to sort against.
      */
@@ -141,6 +169,10 @@ export type EuiTableActionsColumnType<T extends object> = {
    * The display name of the column
    */
   name?: ReactNode;
+  /**
+   * Allows configuring an icon with a tooltip, to be displayed next to the name
+   */
+  nameTooltip?: EuiTableColumnNameTooltipProps;
 } & Pick<EuiTableFieldDataColumnType<T>, 'description' | 'width'>;
 
 export interface EuiTableSortingType<T> {
diff --git a/packages/eui/src/components/table/table_header_cell.stories.tsx b/packages/eui/src/components/table/table_header_cell.stories.tsx
index bf240ef7564..7994c0fd2b9 100644
--- a/packages/eui/src/components/table/table_header_cell.stories.tsx
+++ b/packages/eui/src/components/table/table_header_cell.stories.tsx
@@ -66,3 +66,19 @@ export const Playground: Story = {
     onSort: false,
   },
 };
+
+export const Tooltip: Story = {
+  parameters: {
+    controls: {
+      include: ['tooltipProps'],
+    },
+  },
+  args: {
+    children: 'Header cell content',
+    // @ts-ignore - overwrite meta default to align with base behavior
+    onSort: false,
+    tooltipProps: {
+      content: 'tooltip content',
+    },
+  },
+};
diff --git a/packages/eui/src/components/table/table_header_cell.test.tsx b/packages/eui/src/components/table/table_header_cell.test.tsx
index 2d2ffbe78aa..ff8b3ee5dec 100644
--- a/packages/eui/src/components/table/table_header_cell.test.tsx
+++ b/packages/eui/src/components/table/table_header_cell.test.tsx
@@ -8,7 +8,8 @@
 
 import React from 'react';
 import { requiredProps } from '../../test/required_props';
-import { render } from '../../test/rtl';
+import { render, waitForEuiToolTipVisible } from '../../test/rtl';
+import { fireEvent } from '@testing-library/react';
 
 import { RIGHT_ALIGNMENT, CENTER_ALIGNMENT } from '../../services';
 import { WARNING_MESSAGE } from './utils';
@@ -185,4 +186,57 @@ describe('EuiTableHeaderCell', () => {
       expect(container.firstChild).toMatchSnapshot();
     });
   });
+
+  describe('tooltip', () => {
+    it('renders an icon with tooltip', async () => {
+      const { getByTestSubject } = renderInTableHeader(
+        <EuiTableHeaderCell
+          tooltipProps={{
+            content: 'This is the content of the tooltip',
+            icon: 'iInCircle',
+            iconProps: {
+              'data-test-subj': 'icon',
+            },
+            tooltipProps: {
+              'data-test-subj': 'tooltip',
+            },
+          }}
+        >
+          Test
+        </EuiTableHeaderCell>
+      );
+
+      expect(getByTestSubject('icon')).toHaveAttribute(
+        'data-euiicon-type',
+        'iInCircle'
+      );
+
+      fireEvent.focus(getByTestSubject('icon'));
+      await waitForEuiToolTipVisible();
+
+      expect(getByTestSubject('tooltip')).toHaveTextContent(
+        'This is the content of the tooltip'
+      );
+    });
+
+    it('renders the icon next to the text', () => {
+      const { getByTestSubject, queryByText } = renderInTableHeader(
+        <EuiTableHeaderCell
+          tooltipProps={{
+            content: 'This is the content of the tooltip',
+            iconProps: {
+              'data-test-subj': 'icon',
+            },
+          }}
+          onSort={() => {}}
+        >
+          Test
+        </EuiTableHeaderCell>
+      );
+
+      expect(queryByText('Test')?.nextSibling).toEqual(
+        getByTestSubject('icon').parentElement
+      );
+    });
+  });
 });
diff --git a/packages/eui/src/components/table/table_header_cell.tsx b/packages/eui/src/components/table/table_header_cell.tsx
index 5c2e2a520d6..836b5c8efd0 100644
--- a/packages/eui/src/components/table/table_header_cell.tsx
+++ b/packages/eui/src/components/table/table_header_cell.tsx
@@ -24,8 +24,10 @@ import { EuiScreenReaderOnly } from '../accessibility';
 import { CommonProps, NoArgCallback } from '../common';
 import { EuiIcon } from '../icon';
 import { EuiInnerText } from '../inner_text';
+import { EuiIconTip } from '../tool_tip';
 
 import type { EuiTableRowCellMobileOptionsShape } from './table_row_cell';
+import type { EuiTableColumnNameTooltipProps } from '../basic_table/table_types';
 import { resolveWidthAsStyle } from './utils';
 import { useEuiTableIsResponsive } from './mobile/responsive_context';
 import { EuiTableCellContent } from './_table_cell_content';
@@ -43,6 +45,8 @@ export type EuiTableHeaderCellProps = CommonProps &
     onSort?: NoArgCallback<void>;
     scope?: TableHeaderCellScope;
     width?: string | number;
+    /** Allows adding an icon with a tooltip displayed next to the name */
+    tooltipProps?: EuiTableColumnNameTooltipProps;
     description?: string;
     /**
      * Shows the sort indicator but removes the button
@@ -59,6 +63,7 @@ export type EuiTableHeaderCellProps = CommonProps &
 const CellContents = ({
   className,
   align,
+  tooltipProps,
   description,
   children,
   canSort,
@@ -67,6 +72,7 @@ const CellContents = ({
 }: {
   className?: string;
   align: HorizontalAlignment;
+  tooltipProps?: EuiTableColumnNameTooltipProps;
   description: EuiTableHeaderCellProps['description'];
   children: EuiTableHeaderCellProps['children'];
   canSort?: boolean;
@@ -104,6 +110,17 @@ const CellContents = ({
           <span>{description}</span>
         </EuiScreenReaderOnly>
       )}
+      {tooltipProps && (
+        <EuiIconTip
+          content={tooltipProps.content}
+          type={tooltipProps.icon || 'questionInCircle'}
+          size="m"
+          color="subdued"
+          position="top"
+          iconProps={tooltipProps.iconProps}
+          {...tooltipProps.tooltipProps}
+        />
+      )}
       {isSorted ? (
         <EuiIcon
           className="euiTableSortIcon"
@@ -134,6 +151,7 @@ export const EuiTableHeaderCell: FunctionComponent<EuiTableHeaderCellProps> = ({
   width,
   style,
   readOnly,
+  tooltipProps,
   description,
   append,
   ...rest
@@ -162,6 +180,7 @@ export const EuiTableHeaderCell: FunctionComponent<EuiTableHeaderCellProps> = ({
   const cellContentsProps = {
     css: styles.euiTableHeaderCell__content,
     align,
+    tooltipProps,
     description,
     canSort,
     isSorted,
diff --git a/packages/eui/src/components/tool_tip/icon_tip.stories.tsx b/packages/eui/src/components/tool_tip/icon_tip.stories.tsx
index 2aa0621f0c5..0432370749c 100644
--- a/packages/eui/src/components/tool_tip/icon_tip.stories.tsx
+++ b/packages/eui/src/components/tool_tip/icon_tip.stories.tsx
@@ -15,7 +15,7 @@ import {
 } from '../../../.storybook/utils';
 import { LOKI_SELECTORS } from '../../../.storybook/loki';
 import { EuiFlexGroup } from '../flex';
-import { EuiIconTip, Props as EuiIconTipProps } from './icon_tip';
+import { EuiIconTip, EuiIconTipProps } from './icon_tip';
 
 const meta: Meta<EuiIconTipProps> = {
   title: 'Display/EuiIconTip',
diff --git a/packages/eui/src/components/tool_tip/icon_tip.tsx b/packages/eui/src/components/tool_tip/icon_tip.tsx
index a9e52fbff23..7d00fc10841 100644
--- a/packages/eui/src/components/tool_tip/icon_tip.tsx
+++ b/packages/eui/src/components/tool_tip/icon_tip.tsx
@@ -13,7 +13,10 @@ import { useEuiI18n } from '../i18n';
 import { EuiIcon, IconSize, IconType } from '../icon';
 import { EuiToolTip, EuiToolTipProps } from './tool_tip';
 
-export interface EuiIconTipProps {
+export type EuiIconTipProps = Omit<
+  EuiToolTipProps,
+  'children' | 'delay' | 'position'
+> & {
   /**
    * Children are not allowed as they are built using the icon props
    */
@@ -34,7 +37,6 @@ export interface EuiIconTipProps {
    * Explain what this icon means for screen readers.
    */
   'aria-label'?: string;
-
   /**
    * Pass certain props down to `EuiIcon`
    */
@@ -42,17 +44,13 @@ export interface EuiIconTipProps {
   // iconProps; however, due to TS's bivariant function arguments `type` could be
   // passed without any error/feedback so we explicitly set it to `never` type
   iconProps?: Omit<PropsOf<typeof EuiIcon>, 'type'> & { type?: never };
-}
-
-export type Props = Omit<EuiToolTipProps, 'children' | 'delay' | 'position'> &
-  EuiIconTipProps & {
-    // This are copied from EuiToolTipProps, but made optional. Defaults
-    // are applied below.
-    delay?: EuiToolTipProps['delay'];
-    position?: EuiToolTipProps['position'];
-  };
+  // This are copied from EuiToolTipProps, but made optional. Defaults
+  // are applied below.
+  delay?: EuiToolTipProps['delay'];
+  position?: EuiToolTipProps['position'];
+};
 
-export const EuiIconTip: FunctionComponent<Props> = ({
+export const EuiIconTip: FunctionComponent<EuiIconTipProps> = ({
   type = 'questionInCircle',
   'aria-label': ariaLabel,
   color,
diff --git a/packages/website/docs/components/tabular_content/in_memory_tables.mdx b/packages/website/docs/components/tabular_content/in_memory_tables.mdx
index 7cff9b8c7dd..51cd4bc89c1 100644
--- a/packages/website/docs/components/tabular_content/in_memory_tables.mdx
+++ b/packages/website/docs/components/tabular_content/in_memory_tables.mdx
@@ -85,6 +85,9 @@ const columns: Array<EuiBasicTableColumn<User>> = [
   {
     field: 'github',
     name: 'Github',
+    nameTooltip: {
+      content: 'Their mascot is the Octokitty',
+    },
     render: (username: User['github']) => (
       <EuiLink href="#" target="_blank">
         {username}
@@ -94,6 +97,9 @@ const columns: Array<EuiBasicTableColumn<User>> = [
   {
     field: 'dateOfBirth',
     name: 'Date of Birth',
+    nameTooltip: {
+      content: "Colloquially known as a 'birthday'",
+    },
     dataType: 'date',
     render: (dateOfBirth: User['dateOfBirth']) =>
       formatDate(dateOfBirth, 'dobLong'),
@@ -102,6 +108,9 @@ const columns: Array<EuiBasicTableColumn<User>> = [
   {
     field: 'location',
     name: 'Location',
+    nameTooltip: {
+      content: 'The city and country in which this person resides',
+    },
     truncateText: true,
     textOnly: true,
     render: (location: User['location']) => {
@@ -111,6 +120,9 @@ const columns: Array<EuiBasicTableColumn<User>> = [
   {
     field: 'online',
     name: 'Online',
+    nameTooltip: {
+      content: 'Free to talk or busy with business',
+    },
     dataType: 'boolean',
     render: (online: User['online']) => {
       const color = online ? 'success' : 'danger';
@@ -135,6 +147,7 @@ export default () => {
   return (
     <EuiInMemoryTable
       tableCaption="Demo of EuiInMemoryTable"
+      responsiveBreakpoint={false}
       items={users}
       columns={columns}
       pagination={true}
@@ -332,6 +345,7 @@ export default () => {
       <EuiSpacer size="l" />
       <EuiInMemoryTable
         tableCaption="Demo of EuiInMemoryTable with search"
+        responsiveBreakpoint={false}
         items={textSearchFormat ? usersWithSpecialCharacters : users}
         columns={columns}
         search={search}
@@ -510,6 +524,7 @@ export default () => {
   return (
     <EuiInMemoryTable
       tableCaption="Demo of EuiInMemoryTable with search callback"
+      responsiveBreakpoint={false}
       items={items}
       loading={isLoading}
       columns={columns}
@@ -783,6 +798,7 @@ export default () => {
         <EuiFlexItem grow={3}>
           <EuiInMemoryTable
             tableCaption="Demo of EuiInMemoryTable with search and external state"
+            responsiveBreakpoint={false}
             items={users}
             columns={columns}
             search={search}
@@ -852,6 +868,7 @@ export default () => {
   return (
     <EuiInMemoryTable
       tableCaption="Demo of EuiInMemoryTable with custom sorting"
+      responsiveBreakpoint={false}
       items={data}
       columns={columns}
       pagination={false}
@@ -1011,6 +1028,7 @@ export default () => {
   return (
     <EuiInMemoryTable
       tableCaption="Demo of EuiInMemoryTable with controlled pagination"
+      responsiveBreakpoint={false}
       items={users}
       columns={columns}
       sorting={sorting}
diff --git a/packages/website/docs/components/tabular_content/table_selection.tsx b/packages/website/docs/components/tabular_content/table_selection.tsx
index ff9d5106530..b199fd1fcd4 100644
--- a/packages/website/docs/components/tabular_content/table_selection.tsx
+++ b/packages/website/docs/components/tabular_content/table_selection.tsx
@@ -235,7 +235,7 @@ export default () => {
       direction: sortDirection,
     },
   };
-  
+
   return (
     <>
       <EuiFlexGroup alignItems="center" justifyContent="spaceBetween">
@@ -262,6 +262,7 @@ export default () => {
         tableCaption="Demo for an EuiBasicTable with ${
           isControlled ? 'controlled' : 'uncontrolled'
         } selection"
+        responsiveBreakpoint={false}
         items={pageOfItems}
         itemId="id"
         rowHeader="firstName"
@@ -434,12 +435,13 @@ export default () => {
     initialPageSize: 5,
     pageSizeOptions: [3, 5, 8],
   };
-  
+
   return (
     <EuiInMemoryTable
       tableCaption="Demo for an EuiInMemoryTable with ${
         isControlled ? 'controlled' : 'uncontrolled'
       } selection"
+      responsiveBreakpoint={false}
       items={users}
       itemId="id"
       rowHeader="firstName"
diff --git a/packages/website/docs/components/tabular_content/tables.mdx b/packages/website/docs/components/tabular_content/tables.mdx
index 0cda90a267e..807c8f6aec1 100644
--- a/packages/website/docs/components/tabular_content/tables.mdx
+++ b/packages/website/docs/components/tabular_content/tables.mdx
@@ -156,6 +156,7 @@ export default () => {
   return (
     <EuiBasicTable
       tableCaption="Demo of EuiBasicTable"
+      responsiveBreakpoint={false}
       items={users}
       rowHeader="firstName"
       columns={columns}
@@ -357,6 +358,7 @@ export default () => {
       <EuiHorizontalRule margin="none" style={{ height: 2 }} />
       <EuiBasicTable
         tableCaption="Demo for EuiBasicTable with pagination"
+        responsiveBreakpoint={false}
         items={pageOfItems}
         columns={columns}
         pagination={pagination}
@@ -451,19 +453,10 @@ const columns: Array<EuiBasicTableColumn<User>> = [
   },
   {
     field: 'github',
-    name: (
-      <EuiToolTip content="Their mascot is the Octokitty">
-        <>
-          Github{' '}
-          <EuiIcon
-            size="s"
-            color="subdued"
-            type="questionInCircle"
-            className="eui-alignTop"
-          />
-        </>
-      </EuiToolTip>
-    ),
+    name: 'Github',
+    nameTooltip: {
+      content: 'Their mascot is the Octokitty',
+    },
     render: (username: User['github']) => (
       <EuiLink href="#" target="_blank">
         {username}
@@ -472,37 +465,19 @@ const columns: Array<EuiBasicTableColumn<User>> = [
   },
   {
     field: 'dateOfBirth',
-    name: (
-      <EuiToolTip content="Colloquially known as a 'birthday'">
-        <>
-          Date of Birth{' '}
-          <EuiIcon
-            size="s"
-            color="subdued"
-            type="questionInCircle"
-            className="eui-alignTop"
-          />
-        </>
-      </EuiToolTip>
-    ),
+    name: 'Date of Birth',
+    nameTooltip: {
+      content: "Colloquially known as a 'birthday'",
+    },
     render: (dateOfBirth: User['dateOfBirth']) =>
       formatDate(dateOfBirth, 'dobLong'),
   },
   {
     field: 'location',
-    name: (
-      <EuiToolTip content="The city and country in which this person resides">
-        <>
-          Nationality{' '}
-          <EuiIcon
-            size="s"
-            color="subdued"
-            type="questionInCircle"
-            className="eui-alignTop"
-          />
-        </>
-      </EuiToolTip>
-    ),
+    name: 'Nationality',
+    nameTooltip: {
+      content: 'The city and country in which this person resides',
+    },
     render: (location: User['location']) => {
       return `${location.city}, ${location.country}`;
     },
@@ -511,19 +486,10 @@ const columns: Array<EuiBasicTableColumn<User>> = [
   },
   {
     field: 'online',
-    name: (
-      <EuiToolTip content="Free to talk or busy with business">
-        <>
-          Online{' '}
-          <EuiIcon
-            size="s"
-            color="subdued"
-            type="questionInCircle"
-            className="eui-alignTop"
-          />
-        </>
-      </EuiToolTip>
-    ),
+    name: 'Online',
+    nameTooltip: {
+      content: 'Free to talk or busy with business',
+    },
     render: (online: User['online']) => {
       const color = online ? 'success' : 'danger';
       const label = online ? 'Online' : 'Offline';
@@ -637,6 +603,7 @@ export default () => {
       <EuiSpacer />
       <EuiBasicTable
         tableCaption="Demo for EuiBasicTable with sorting"
+        responsiveBreakpoint={false}
         items={pageOfItems}
         columns={columns}
         pagination={pagination}
@@ -880,6 +847,7 @@ export default () => {
   return (
     <EuiBasicTable
       tableCaption="Demo of EuiBasicTable with footer"
+      responsiveBreakpoint={false}
       items={pageOfItems}
       itemId="id"
       columns={columns}
@@ -1158,6 +1126,7 @@ export default () => {
   return (
     <EuiBasicTable
       tableCaption="Demo of EuiBasicTable with expanding rows"
+      responsiveBreakpoint={false}
       items={pageOfItems}
       itemId="id"
       itemIdToExpandedRowMap={itemIdToExpandedRowMap}
@@ -1579,6 +1548,7 @@ export default () => {
 
       <EuiBasicTable
         tableCaption="Demo of EuiBasicTable with actions"
+        responsiveBreakpoint={false}
         items={pageOfItems}
         itemId="id"
         columns={columnsWithActions}
@@ -1816,6 +1786,7 @@ export default () => {
       <EuiSpacer size="m" />
       <EuiBasicTable
         tableCaption="Demo of EuiBasicTable's table layout options"
+        responsiveBreakpoint={false}
         items={users}
         columns={columns}
         rowHeader="firstName"