diff --git a/.storybook/components/Docs/Guildelines/CodeGuidelines.stories.mdx b/.storybook/components/Docs/Guildelines/CodeGuidelines.stories.mdx
index 10c9c8273..2f001c3ef 100644
--- a/.storybook/components/Docs/Guildelines/CodeGuidelines.stories.mdx
+++ b/.storybook/components/Docs/Guildelines/CodeGuidelines.stories.mdx
@@ -299,7 +299,7 @@ You can continue to use the `Icon` components' `color` prop with JavaScript vari
 
 ## Tailwind utility classes <a name="tailwind-utility-classes"></a>
 
-EDS uses [tailwind utility classes](https://tailwindcss.com/docs/padding) (e.g. `mb-0` and `p-0`) inline in `*.stories.tsx` files to quickly add small styling tweaks, like spacing (e.g. `<TableCell className="p-0">`). This reduces the need for CSS module files made specifically for stories. Use the `!` modifier to override default component styles (e.g. `<TableCell className="!p-0">`).
+EDS uses [tailwind utility classes](https://tailwindcss.com/docs/padding) (e.g. `mb-0` and `p-0`) inline in `*.stories.tsx` files to quickly add small styling tweaks, like spacing (e.g. `<Table.Cell className="p-0">`). This reduces the need for CSS module files made specifically for stories. Use the `!` modifier to override default component styles (e.g. `<Table.Cell className="!p-0">`).
 
 Consider installing the VSCode extension [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss) for autocomplete, linting, and hover previews.
 
diff --git a/.storybook/pages/CoursePlannerEdit/CoursePlannerEdit.tsx b/.storybook/pages/CoursePlannerEdit/CoursePlannerEdit.tsx
index 784bfd81b..f6f1f3270 100644
--- a/.storybook/pages/CoursePlannerEdit/CoursePlannerEdit.tsx
+++ b/.storybook/pages/CoursePlannerEdit/CoursePlannerEdit.tsx
@@ -26,11 +26,6 @@ import {
   PageHeader,
   Panel,
   Table,
-  TableBody,
-  TableCell,
-  TableHeader,
-  TableHeaderCell,
-  TableRow,
   Text,
 } from '../../../src';
 
@@ -325,28 +320,28 @@ export const TableCard = ({
           {title}
         </Heading>
         <Table className={styles['table-card__table']} title={title}>
-          <TableHeader>
-            <TableRow variant="header">
+          <Table.Header>
+            <Table.Row variant="header">
               {tableColumns.map((item, index) => {
                 return (
-                  <TableHeaderCell
+                  <Table.HeaderCell
                     className={styles['table-card__table-header-cell']}
                     key={'table-header-cell-' + item.title}
                   >
                     {item.title}
-                  </TableHeaderCell>
+                  </Table.HeaderCell>
                 );
               })}
-            </TableRow>
-          </TableHeader>
-          <TableBody>
+            </Table.Row>
+          </Table.Header>
+          <Table.Body>
             {tableRows.map((item) => {
               return (
-                <TableRow key={`table-row-${item.value1}`}>
-                  <TableHeaderCell variant="body">
+                <Table.Row key={`table-row-${item.value1}`}>
+                  <Table.HeaderCell variant="body">
                     {item.value1}
-                  </TableHeaderCell>
-                  <TableCell>
+                  </Table.HeaderCell>
+                  <Table.Cell>
                     <NumberIconList>
                       {item.projects.map((item, index) => {
                         return (
@@ -361,11 +356,11 @@ export const TableCard = ({
                         );
                       })}
                     </NumberIconList>
-                  </TableCell>
-                </TableRow>
+                  </Table.Cell>
+                </Table.Row>
               );
             })}
-          </TableBody>
+          </Table.Body>
         </Table>
       </CardBody>
       <CardFooter>
diff --git a/.storybook/recipes/TabularInputs.stories.tsx b/.storybook/recipes/TabularInputs.stories.tsx
index f7942d787..e3d9e81e6 100644
--- a/.storybook/recipes/TabularInputs.stories.tsx
+++ b/.storybook/recipes/TabularInputs.stories.tsx
@@ -1,15 +1,6 @@
 import type { StoryObj, Meta } from '@storybook/react';
 import React from 'react';
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableRow,
-  TableHeader,
-  TableHeaderCell,
-  InputField,
-  Label,
-} from '../../src/';
+import { Table, InputField, Label } from '../../src/';
 
 export default {
   title: 'Recipes/TabularInput',
@@ -22,32 +13,32 @@ type Args = React.ComponentProps<typeof Table>;
 export const Default: StoryObj<Args> = {
   render: (args) => (
     <Table {...args}>
-      <TableHeader>
-        <TableRow>
-          <TableHeaderCell>Label</TableHeaderCell>
-          <TableHeaderCell>Field</TableHeaderCell>
-        </TableRow>
-      </TableHeader>
-      <TableBody>
-        <TableRow>
-          <TableCell className="flex items-center">
+      <Table.Header>
+        <Table.Row>
+          <Table.HeaderCell>Label</Table.HeaderCell>
+          <Table.HeaderCell>Field</Table.HeaderCell>
+        </Table.Row>
+      </Table.Header>
+      <Table.Body>
+        <Table.Row>
+          <Table.Cell className="flex items-center">
             <Label
               className="flex items-center"
               htmlFor="field-1"
               id="input-1"
               text="Input One"
             />
-          </TableCell>
-          <TableCell>
+          </Table.Cell>
+          <Table.Cell>
             <InputField
               aria-label="redundant"
               aria-labelledby="input-1"
               id="field-1"
               placeholder="click the label to highlight field"
             />
-          </TableCell>
-        </TableRow>
-      </TableBody>
+          </Table.Cell>
+        </Table.Row>
+      </Table.Body>
     </Table>
   ),
 };
diff --git a/src/components/Table/Table.module.css b/src/components/Table/Table.module.css
index 1f41f8984..70ab09333 100755
--- a/src/components/Table/Table.module.css
+++ b/src/components/Table/Table.module.css
@@ -9,3 +9,61 @@
   border-collapse: collapse;
   width: 100%;
 }
+
+/**
+ * Table Cell
+ * The `:where` pseudo class function allows easy overriding via className.
+ */
+:where(.table-cell) {
+  font: var(--eds-theme-typography-body-sm);
+
+  padding: var(--eds-size-2) var(--eds-size-1);
+}
+
+/**
+ * Table header cell
+ * The `:where` pseudo class function allows easy overriding via className.
+ */
+:where(.table-header-cell) {
+  font: var(--eds-theme-typography-label-sm);
+  padding: var(--eds-size-1) var(--eds-size-1);
+  text-align: left;
+}
+
+/**
+ * Table header cell within table body
+ *
+ * Adjusts the padding to match the table__cell padding for alignment.
+ */
+.table-header-cell--body {
+  padding: var(--eds-size-2) var(--eds-size-1);
+}
+
+/**
+ * Table header cell button
+ *
+ * On table header cells that are sortable, the content is wrapped by a <Button>.
+ */
+.table-header-cell__sort-button {
+  gap: var(--eds-size-half);
+  text-decoration: none;
+  font-weight: var(--eds-font-weight-bold);
+}
+
+/**
+ * Table row
+ */
+.table-row {
+  vertical-align: top;
+  border-bottom-width: var(--eds-theme-border-width);
+  border-bottom-style: solid;
+  border-bottom-color: var(--eds-theme-color-border-neutral-subtle);
+}
+
+/**
+ * Header variant 
+ * Has darker bottom border color for distinguishment.
+ */
+.table-row--header {
+  border-bottom-color: var(--eds-theme-color-border-neutral-default);
+}
diff --git a/src/components/Table/Table.stories.tsx b/src/components/Table/Table.stories.tsx
index 008fa5975..6eaa25033 100644
--- a/src/components/Table/Table.stories.tsx
+++ b/src/components/Table/Table.stories.tsx
@@ -1,18 +1,19 @@
 import type { StoryObj, Meta } from '@storybook/react';
 import React, { useState } from 'react';
 
-import { Table } from './Table';
-import TableBody from '../TableBody';
-import TableCell from '../TableCell';
-import TableHeader from '../TableHeader';
-import type { SortDirectionsType } from '../TableHeaderCell';
-import TableRow from '../TableRow';
+import { Table, type SortDirectionsType } from './Table';
 import styles from './Table.stories.module.css';
 
 export default {
   title: 'Components/Table',
   component: Table,
-  subcomponents: { TableBody, TableCell, TableHeader, TableRow },
+  subcomponents: {
+    'Table.Body': Table.Body,
+    'Table.Caption': Table.Caption,
+    'Table.Cell': Table.Cell,
+    'Table.Header': Table.Header,
+    'Table.Row': Table.Row,
+  },
   parameters: {
     badges: ['1.1'],
   },
@@ -331,14 +332,14 @@ const SortableExample = () => {
           <Table.HeaderCell>Not sortable</Table.HeaderCell>
         </Table.Row>
       </Table.Header>
-      <TableBody>
+      <Table.Body>
         {sortedValues.map(({ col1, col2 }) => (
           <Table.Row key={`row-${col1}-${col2}`}>
             <Table.Cell>{col1}</Table.Cell>
             <Table.Cell>{col2}</Table.Cell>
           </Table.Row>
         ))}
-      </TableBody>
+      </Table.Body>
     </Table>
   );
 };
diff --git a/src/components/Table/Table.tsx b/src/components/Table/Table.tsx
index b89d04e45..ee62e6aa1 100644
--- a/src/components/Table/Table.tsx
+++ b/src/components/Table/Table.tsx
@@ -1,16 +1,140 @@
 import clsx from 'clsx';
-import type { ReactNode } from 'react';
+import type { MouseEventHandler, ReactNode } from 'react';
 import React from 'react';
-import TableBody from '../TableBody';
-import TableCaption from '../TableCaption';
-import TableCell from '../TableCell';
-import TableFooter from '../TableFooter';
-import TableHeader from '../TableHeader';
-import TableHeaderCell from '../TableHeaderCell';
-import TableRow from '../TableRow';
+import Button from '../Button';
+import Icon from '../Icon';
 import styles from './Table.module.css';
 
-export type Props = React.TableHTMLAttributes<HTMLTableElement> & {
+type TableBodyProps = {
+  /**
+   * Child node(s) that can be nested inside component
+   */
+  children: ReactNode;
+  /**
+   * CSS class names that can be appended to the component.
+   */
+  className?: string;
+};
+
+type TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement> & {
+  /**
+   * Child node(s) that can be nested inside component
+   */
+  children: ReactNode;
+};
+
+type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement> & {
+  /**
+   * Child node(s) that can be nested inside component
+   */
+  children?: ReactNode;
+  /**
+   * CSS class names that can be appended to the component.
+   */
+  className?: string;
+  /*
+   * This attribute contains a non-negative integer value that indicates for how many columns the cell extends
+   */
+  colSpan?: number;
+  /**
+   * This attribute contains a list of space-separated strings, each corresponding to the id attribute of the `th` elements that apply to this element.
+   */
+  headers?: string;
+  /**
+   * HTML id for the component
+   */
+  id?: string;
+  /**
+   * This attribute contains a non-negative integer value that indicates for how many rows the cell extends
+   */
+  rowSpan?: number;
+  /**
+   * This enumerated attribute defines the cells that the header (defined in the `th`) element relates to.
+   */
+  scope?: 'row' | 'col' | 'colgroup';
+};
+
+type TableFooterProps = {
+  /**
+   * Child node(s) that can be nested inside component
+   */
+  children: ReactNode;
+  /**
+   * CSS class names that can be appended to the component.
+   */
+  className?: string;
+};
+
+type TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement> & {
+  /**
+   * Child node(s) that can be nested inside component
+   */
+  children: ReactNode;
+  /**
+   * CSS class names that can be appended to the component.
+   */
+  className?: string;
+};
+type TableHeaderCellProps = React.ThHTMLAttributes<HTMLTableCellElement> & {
+  /**
+   * Child node(s) that can be nested inside component
+   */
+  children?: ReactNode;
+  /**
+   * CSS class names that can be appended to the component.
+   */
+  className?: string;
+  /**
+   * This attribute contains a non-negative integer value that indicates for how many columns the cell extends
+   */
+  colSpan?: number;
+  /**
+   * This attribute contains a list of space-separated strings, each corresponding to the id attribute of the `th` elements that apply to this element.
+   */
+  headers?: string;
+  /**
+   * HTML id for the component
+   */
+  id?: string;
+  /**
+   * This attribute contains a non-negative integer value that indicates for how many rows the cell extends
+   */
+  rowSpan?: number;
+  /**
+   * Callback called when the sort button is clicked.
+   */
+  onSortClick?: MouseEventHandler;
+  /**
+   * This enumerated attribute defines the cells that the header (defined in the `th`) element relates to.
+   */
+  scope?: 'row' | 'col' | 'colgroup';
+  /**
+   * The direction the selected column will be sorted.
+   */
+  sortDirection?: SortDirectionsType;
+  /**
+   * Variant for table header cell within table body.
+   * Matches <Table.Cell> padding for alignment.
+   */
+  variant?: 'body';
+};
+
+type TableRowProps = React.HTMLAttributes<HTMLTableRowElement> & {
+  /**
+   * Child node(s) that can be nested inside component
+   */
+  children?: ReactNode;
+  /**
+   * CSS class names that can be appended to the component.
+   */
+  className?: string;
+  /**
+   * Header variant has a darker bottom border to distinguish itself as a header.
+   */
+  variant?: 'header';
+};
+
+type TableProps = React.TableHTMLAttributes<HTMLTableElement> & {
   /**
    * Child node(s) that can be nested inside component.
    */
@@ -22,11 +146,151 @@ export type Props = React.TableHTMLAttributes<HTMLTableElement> & {
 };
 
 /**
- * `import {Table} from "@chanzuckerberg/eds";`
+ * HTML `tbody` of the `Table` component
+ */
+const TableBody = ({ children, ...other }: TableBodyProps) => {
+  return <tbody {...other}>{children}</tbody>;
+};
+
+/**
+ * HTML caption cell for the `Table` component.
+ * Must be first descendant of the `Table` component.
+ */
+const TableCaption = ({ children, ...other }: TableCaptionProps) => {
+  return <caption {...other}>{children}</caption>;
+};
+
+/**
+ * HTML table cell of the `Table` component
+ */
+const TableCell = ({ children, className, ...other }: TableCellProps) => {
+  const componentClassName = clsx(styles['table-cell'], className);
+
+  return (
+    <td className={componentClassName} {...other}>
+      {children}
+    </td>
+  );
+};
+
+/**
+ * HTML `tfoot` of the `Table` component
+ */
+const TableFooter = ({ children, className, ...other }: TableFooterProps) => {
+  return (
+    <tfoot className={className} {...other}>
+      {children}
+    </tfoot>
+  );
+};
+
+/**
+ * HTML `thead` of the `Table` component
+ */
+const TableHeader = ({ children, className, ...other }: TableHeaderProps) => {
+  return (
+    <thead className={className} {...other}>
+      {children}
+    </thead>
+  );
+};
+
+const SORT_DIRECTIONS = ['ascending', 'descending', 'default'] as const;
+
+export type SortDirectionsType = (typeof SORT_DIRECTIONS)[number];
+
+/**
+ * `import {TableHeaderCell} from "@chanzuckerberg/eds";`
  *
+ * HTML `th` cell of the `Table` component
+ */
+const TableHeaderCell = ({
+  children,
+  className,
+  onSortClick,
+  sortDirection,
+  variant,
+  ...other
+}: TableHeaderCellProps) => {
+  const componentClassName = clsx(
+    styles['table-header-cell'],
+    variant === 'body' && styles['table-header-cell--body'],
+    className,
+  );
+
+  const iconName =
+    sortDirection === 'ascending'
+      ? 'arrow-narrow-up'
+      : sortDirection === 'descending'
+      ? 'arrow-narrow-down'
+      : 'unfold-more';
+
+  const iconTitle =
+    sortDirection === 'ascending'
+      ? 'Sorted, ascending'
+      : sortDirection === 'descending'
+      ? 'Sorted, descending'
+      : 'Sort';
+
+  return (
+    <th
+      aria-sort={
+        sortDirection === 'ascending' || sortDirection === 'descending'
+          ? sortDirection
+          : undefined
+      }
+      className={componentClassName}
+      {...other}
+    >
+      {sortDirection ? (
+        <Button
+          className={clsx(styles['table-header-cell__sort-button'])}
+          onClick={onSortClick}
+          variant="link"
+        >
+          {children}
+          <Icon
+            name={iconName}
+            purpose="informative"
+            size="1rem"
+            title={iconTitle}
+          />
+        </Button>
+      ) : (
+        children
+      )}
+    </th>
+  );
+};
+
+/**
+ * `import {TableRow} from "@chanzuckerberg/eds";`
+ *
+ * HTML `tr` of the `Table` component
+ */
+export const TableRow = ({
+  children,
+  className,
+  variant,
+  ...other
+}: TableRowProps) => {
+  const componentClassName = clsx(
+    styles['table-row'],
+    variant === 'header' && styles['table-row--header'],
+    className,
+  );
+
+  return (
+    <tr className={componentClassName} {...other}>
+      {children}
+    </tr>
+  );
+};
+
+/**
  * HTML table component.
  */
-export const Table = ({ children, className, ...other }: Props) => {
+export const Table = ({ children, className, ...other }: TableProps) => {
   const componentClassName = clsx(styles['table'], className);
   return (
     <table className={componentClassName} {...other}>
diff --git a/src/components/TableBody/TableBody.tsx b/src/components/TableBody/TableBody.tsx
deleted file mode 100644
index 0ac825932..000000000
--- a/src/components/TableBody/TableBody.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-
-export interface Props {
-  /**
-   * Child node(s) that can be nested inside component
-   */
-  children: ReactNode;
-  /**
-   * CSS class names that can be appended to the component.
-   */
-  className?: string;
-}
-
-/**
- * `import {TableBody} from "@chanzuckerberg/eds";`
- *
- * HTML `tbody` of the `Table` component
- */
-export const TableBody = ({ children, ...other }: Props) => {
-  return <tbody {...other}>{children}</tbody>;
-};
diff --git a/src/components/TableBody/index.ts b/src/components/TableBody/index.ts
deleted file mode 100644
index 4bf7ebdb1..000000000
--- a/src/components/TableBody/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { TableBody as default } from './TableBody';
diff --git a/src/components/TableCaption/TableCaption.tsx b/src/components/TableCaption/TableCaption.tsx
deleted file mode 100644
index aafd538e1..000000000
--- a/src/components/TableCaption/TableCaption.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React, { type ReactNode } from 'react';
-
-export type Props = React.HTMLAttributes<HTMLTableCaptionElement> & {
-  /**
-   * Child node(s) that can be nested inside component
-   */
-  children: ReactNode;
-};
-
-/**
- * `import {TableCaption} from "@chanzuckerberg/eds";`
- *
- * HTML caption cell for the `Table` component.
- * Must be first descendant of the `Table` component.
- */
-export const TableCaption = ({ children, ...other }: Props) => {
-  return <caption {...other}>{children}</caption>;
-};
diff --git a/src/components/TableCaption/index.ts b/src/components/TableCaption/index.ts
deleted file mode 100644
index e1afe18e1..000000000
--- a/src/components/TableCaption/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { TableCaption as default } from './TableCaption';
diff --git a/src/components/TableCell/TableCell.module.css b/src/components/TableCell/TableCell.module.css
deleted file mode 100644
index 49754a9b6..000000000
--- a/src/components/TableCell/TableCell.module.css
+++ /dev/null
@@ -1,15 +0,0 @@
-@import '../../design-tokens/mixins.css';
-
-/*------------------------------------*\
-    # TABLE CELL
-\*------------------------------------*/
-
-/**
- * Table Cell
- * The `:where` pseudo class function allows easy overriding via className.
- */
-:where(.table-cell) {
-  font: var(--eds-theme-typography-body-sm);
-
-  padding: var(--eds-size-2) var(--eds-size-1);
-}
diff --git a/src/components/TableCell/TableCell.tsx b/src/components/TableCell/TableCell.tsx
deleted file mode 100644
index 1127dd231..000000000
--- a/src/components/TableCell/TableCell.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import clsx from 'clsx';
-import type { ReactNode } from 'react';
-import React from 'react';
-import styles from './TableCell.module.css';
-
-export type Props = React.TdHTMLAttributes<HTMLTableCellElement> & {
-  /**
-   * Child node(s) that can be nested inside component
-   */
-  children?: ReactNode;
-  /**
-   * CSS class names that can be appended to the component.
-   */
-  className?: string;
-  /*
-   * This attribute contains a non-negative integer value that indicates for how many columns the cell extends
-   */
-  colSpan?: number;
-  /**
-   * This attribute contains a list of space-separated strings, each corresponding to the id attribute of the `th` elements that apply to this element.
-   */
-  headers?: string;
-  /**
-   * HTML id for the component
-   */
-  id?: string;
-  /**
-   * This attribute contains a non-negative integer value that indicates for how many rows the cell extends
-   */
-  rowSpan?: number;
-  /**
-   * This enumerated attribute defines the cells that the header (defined in the `th`) element relates to.
-   */
-  scope?: 'row' | 'col' | 'colgroup';
-};
-
-/**
- * `import {TableCell} from "@chanzuckerberg/eds";`
- *
- * HTML table cell of the `Table` component
- */
-export const TableCell = ({ children, className, ...other }: Props) => {
-  const componentClassName = clsx(styles['table-cell'], className);
-
-  return (
-    <td className={componentClassName} {...other}>
-      {children}
-    </td>
-  );
-};
diff --git a/src/components/TableCell/index.ts b/src/components/TableCell/index.ts
deleted file mode 100644
index 454405e0c..000000000
--- a/src/components/TableCell/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { TableCell as default } from './TableCell';
diff --git a/src/components/TableFooter/TableFooter.tsx b/src/components/TableFooter/TableFooter.tsx
deleted file mode 100644
index 68620a457..000000000
--- a/src/components/TableFooter/TableFooter.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-
-export interface Props {
-  /**
-   * Child node(s) that can be nested inside component
-   */
-  children: ReactNode;
-  /**
-   * CSS class names that can be appended to the component.
-   */
-  className?: string;
-}
-
-/**
- * `import {TableFooter} from "@chanzuckerberg/eds";`
- *
- * HTML `tfoot` of the `Table` component
- */
-export const TableFooter = ({ children, className, ...other }: Props) => {
-  return (
-    <tfoot className={className} {...other}>
-      {children}
-    </tfoot>
-  );
-};
diff --git a/src/components/TableFooter/index.ts b/src/components/TableFooter/index.ts
deleted file mode 100644
index 305d3d887..000000000
--- a/src/components/TableFooter/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { TableFooter as default } from './TableFooter';
diff --git a/src/components/TableHeader/TableHeader.tsx b/src/components/TableHeader/TableHeader.tsx
deleted file mode 100644
index 01c000ebc..000000000
--- a/src/components/TableHeader/TableHeader.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-
-export type Props = React.HTMLAttributes<HTMLTableSectionElement> & {
-  /**
-   * Child node(s) that can be nested inside component
-   */
-  children: ReactNode;
-  /**
-   * CSS class names that can be appended to the component.
-   */
-  className?: string;
-};
-
-/**
- * `import {TableHeader} from "@chanzuckerberg/eds";`
- *
- * HTML `thead` of the `Table` component
- */
-export const TableHeader = ({ children, className, ...other }: Props) => {
-  return (
-    <thead className={className} {...other}>
-      {children}
-    </thead>
-  );
-};
diff --git a/src/components/TableHeader/index.ts b/src/components/TableHeader/index.ts
deleted file mode 100644
index 0cae66f32..000000000
--- a/src/components/TableHeader/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { TableHeader as default } from './TableHeader';
diff --git a/src/components/TableHeaderCell/TableHeaderCell.module.css b/src/components/TableHeaderCell/TableHeaderCell.module.css
deleted file mode 100644
index 3917b9a5a..000000000
--- a/src/components/TableHeaderCell/TableHeaderCell.module.css
+++ /dev/null
@@ -1,35 +0,0 @@
-@import '../../design-tokens/mixins.css';
-
-/*------------------------------------*\
-    # TABLE HEADER CELL
-\*------------------------------------*/
-
-/**
- * Table header cell
- * The `:where` pseudo class function allows easy overriding via className.
- */
-:where(.table-header-cell) {
-  font: var(--eds-theme-typography-label-sm);
-  padding: var(--eds-size-1) var(--eds-size-1);
-  text-align: left;
-}
-
-/**
- * Table header cell within table body
- *
- * Adjusts the padding to match the table__cell padding for alignment.
- */
-.table-header-cell--body {
-  padding: var(--eds-size-2) var(--eds-size-1);
-}
-
-/**
- * Table header cell button
- *
- * On table header cells that are sortable, the content is wrapped by a <Button>.
- */
-.table-header-cell__sort-button {
-  gap: var(--eds-size-half);
-  text-decoration: none;
-  font-weight: var(--eds-font-weight-bold);
-}
diff --git a/src/components/TableHeaderCell/TableHeaderCell.tsx b/src/components/TableHeaderCell/TableHeaderCell.tsx
deleted file mode 100644
index cf9df2c64..000000000
--- a/src/components/TableHeaderCell/TableHeaderCell.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import clsx from 'clsx';
-import React from 'react';
-import type { ReactNode, MouseEventHandler } from 'react';
-import Button from '../Button';
-import Icon from '../Icon';
-import styles from './TableHeaderCell.module.css';
-
-export type Props = React.ThHTMLAttributes<HTMLTableCellElement> & {
-  /**
-   * Child node(s) that can be nested inside component
-   */
-  children?: ReactNode;
-  /**
-   * CSS class names that can be appended to the component.
-   */
-  className?: string;
-  /**
-   * This attribute contains a non-negative integer value that indicates for how many columns the cell extends
-   */
-  colSpan?: number;
-  /**
-   * This attribute contains a list of space-separated strings, each corresponding to the id attribute of the `th` elements that apply to this element.
-   */
-  headers?: string;
-  /**
-   * HTML id for the component
-   */
-  id?: string;
-  /**
-   * This attribute contains a non-negative integer value that indicates for how many rows the cell extends
-   */
-  rowSpan?: number;
-  /**
-   * Callback called when the sort button is clicked.
-   */
-  onSortClick?: MouseEventHandler;
-  /**
-   * This enumerated attribute defines the cells that the header (defined in the `th`) element relates to.
-   */
-  scope?: 'row' | 'col' | 'colgroup';
-  /**
-   * The direction the selected column will be sorted.
-   */
-  sortDirection?: SortDirectionsType;
-  /**
-   * Variant for table header cell within table body.
-   * Matches <TableCell> padding for alignment.
-   */
-  variant?: 'body';
-};
-
-export const SORT_DIRECTIONS = ['ascending', 'descending', 'default'] as const;
-
-export type SortDirectionsType = (typeof SORT_DIRECTIONS)[number];
-
-/**
- * `import {TableHeaderCell} from "@chanzuckerberg/eds";`
- *
- * HTML `th` cell of the `Table` component
- */
-export const TableHeaderCell = ({
-  children,
-  className,
-  onSortClick,
-  sortDirection,
-  variant,
-  ...other
-}: Props) => {
-  const componentClassName = clsx(
-    styles['table-header-cell'],
-    variant === 'body' && styles['table-header-cell--body'],
-    className,
-  );
-
-  const iconName =
-    sortDirection === 'ascending'
-      ? 'arrow-narrow-up'
-      : sortDirection === 'descending'
-      ? 'arrow-narrow-down'
-      : 'unfold-more';
-
-  const iconTitle =
-    sortDirection === 'ascending'
-      ? 'Sorted, ascending'
-      : sortDirection === 'descending'
-      ? 'Sorted, descending'
-      : 'Sort';
-
-  return (
-    <th
-      aria-sort={
-        sortDirection === 'ascending' || sortDirection === 'descending'
-          ? sortDirection
-          : undefined
-      }
-      className={componentClassName}
-      {...other}
-    >
-      {sortDirection ? (
-        <Button
-          className={clsx(styles['table-header-cell__sort-button'])}
-          onClick={onSortClick}
-          variant="link"
-        >
-          {children}
-          <Icon
-            name={iconName}
-            purpose="informative"
-            size="1rem"
-            title={iconTitle}
-          />
-        </Button>
-      ) : (
-        children
-      )}
-    </th>
-  );
-};
diff --git a/src/components/TableHeaderCell/index.ts b/src/components/TableHeaderCell/index.ts
deleted file mode 100644
index 4f06867c7..000000000
--- a/src/components/TableHeaderCell/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { TableHeaderCell as default, SORT_DIRECTIONS } from './TableHeaderCell';
-export type { SortDirectionsType } from './TableHeaderCell';
diff --git a/src/components/TableRow/TableRow.module.css b/src/components/TableRow/TableRow.module.css
deleted file mode 100644
index efc70f70a..000000000
--- a/src/components/TableRow/TableRow.module.css
+++ /dev/null
@@ -1,21 +0,0 @@
-/*------------------------------------*\
-    # TABLE ROW
-\*------------------------------------*/
-
-/**
- * Table row
- */
-.table-row {
-  vertical-align: top;
-  border-bottom-width: var(--eds-theme-border-width);
-  border-bottom-style: solid;
-  border-bottom-color: var(--eds-theme-color-border-neutral-subtle);
-}
-
-/**
- * Header variant 
- * Has darker bottom border color for distinguishment.
- */
-.table-row--header {
-  border-bottom-color: var(--eds-theme-color-border-neutral-default);
-}
diff --git a/src/components/TableRow/TableRow.tsx b/src/components/TableRow/TableRow.tsx
deleted file mode 100644
index 5aed0133b..000000000
--- a/src/components/TableRow/TableRow.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import clsx from 'clsx';
-import type { ReactNode } from 'react';
-import React from 'react';
-import styles from './TableRow.module.css';
-
-export type Props = React.HTMLAttributes<HTMLTableRowElement> & {
-  /**
-   * Child node(s) that can be nested inside component
-   */
-  children?: ReactNode;
-  /**
-   * CSS class names that can be appended to the component.
-   */
-  className?: string;
-  /**
-   * Header variant has a darker bottom border to distinguish itself as a header.
-   */
-  variant?: 'header';
-};
-
-/**
- * `import {TableRow} from "@chanzuckerberg/eds";`
- *
- * HTML `tr` of the `Table` component
- */
-export const TableRow = ({ children, className, variant, ...other }: Props) => {
-  const componentClassName = clsx(
-    styles['table-row'],
-    variant === 'header' && styles['table-row--header'],
-    className,
-  );
-
-  return (
-    <tr className={componentClassName} {...other}>
-      {children}
-    </tr>
-  );
-};
diff --git a/src/components/TableRow/index.ts b/src/components/TableRow/index.ts
deleted file mode 100644
index 97d51cdf4..000000000
--- a/src/components/TableRow/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { TableRow as default } from './TableRow';
diff --git a/src/index.ts b/src/index.ts
index 3883e1a7b..60cb4ad16 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -79,13 +79,6 @@ export { default as Skeleton } from './components/Skeleton';
 export { default as Slider } from './components/Slider';
 export { default as Tab } from './components/Tab';
 export { default as Table } from './components/Table';
-export { default as TableBody } from './components/TableBody';
-export { default as TableCaption } from './components/TableCaption';
-export { default as TableCell } from './components/TableCell';
-export { default as TableFooter } from './components/TableFooter';
-export { default as TableHeader } from './components/TableHeader';
-export { default as TableHeaderCell } from './components/TableHeaderCell';
-export { default as TableRow } from './components/TableRow';
 export { default as Tabs } from './components/Tabs';
 export { default as Tag } from './components/Tag';
 export { default as Text } from './components/Text';